一、今日学习
1. 执行环境与作用域
1.1 执行环境和变量对象和作用域【理解】
概念:
1. 标识符:变量名/函数名/形参/对象的键名 统称为标识符
2. 作用域:标识符可以被访问的范围,就是作用域
3. 执行环境:代码运行的环境,js有两种执行环境,全局执行环境,函数执行环境
4. js执行环境,都被放入一个栈中
5. 作用域链:提供了一套标识符访问的规则,保证标识符有序访问
总结:作用域链:提供了一套标识符访问的规则,让标识符可以进行有序访问,(规则:从里往外找,查找标识符,找到就使用,停止查找的过程,直到window,找不到,会报错)
作用域根据作用域链这套规则锁死了
作用域:标识符可以被访问的范围:(自己和自己的子(后代)作用域)
1.2 作用域分类【掌握】
1. 全局作用域
2. 函数作用域(局部作用域)
3. 块级作用域(ES6新增的,ES5没有)
2. 函数进阶
2.1 声明函数的方式
1. 声明式
f1();
function f1() {
console.log('f1');
}
2表达式
let f2 = function () {
console.log('f2');
}
f2();
2.2 箭头函数
// 箭头函数 (形参)=>{js表达式}
let f3 = () => {
console.log('f3');
}
2.3 箭头函数可以省略的情况
1.{}中只有一句代码:省略花括号并且同时必须省略return
2.形参有且只有一个,可以省略()*
2.4 函数的参数
1. 形参:占位用的,叫什么都没有关系,主要是要语义化,形式参数
2. 实参:调用函数的时候传入的实际的参数
2.5 arguments
是一个伪数组,在函数内部获取到所有实参的集合,可以使用for循环,可以通过小标取值,像数组,不是数组,不能使用数组的方法
2.6 设置函数参数的默认值
// ES5:
function fn(形参){
let 变量=形参 || 默认值;
}
// ES6:
function fn(形参=默认值){
}
2.7 剩余参数rest
es6的箭头函数中没有arguments
剩余参数rest是真数组,可以直接使用数组的方法
2.8 函数的返回值
函数返回什么,就得到什么,函数可以返回任何东西
函数没有写return,函数的返回值为默认值undefined
函数在那里调用,返回值就返回到哪里去
2.9 函数的调用
直接调用 函数名(实参)
对象的属性和方法调用 对象.方法()
回调--定时器,自动执行,自动调用
自己调用自己-----自调用函数,立即执行函数表达式IIFE
3 . 闭包
1. 跨作用域访问变量,形成闭包,闭包是一种作用域的体现
2. 常见的闭包写法是:父函数嵌套子函数,子函数可以访问父函数的变量,把子函数返回或者挂载window上
|