var b = 10;
(function b() {
b = 20;
console.log(2,b);
})()
console.log(1,b)
输出
2 ƒ b() {
b = 20;
console.log(2,b);
}
VM63:6 1 10
我们知道作用域的函数声明提升和变量声明提升,但是这里的 function b(){} 是函数表达式,不是函数声明。
函数表达式与函数声明不同,它的函数名只在函数内部有效,并且此绑定属于常量绑定。
在 非匿名 自执行函数中,函数名、函数变量为只读状态,是无法修改的
也即,b = 20 是无效的;那下面打印b的时候,先在函数内部找,没找到!然后去全局找,找到了function. 如果这里的立即执行函数是匿名函数的话,其结果就是 20;如果给b = 20 前加一个 var,结果也是20;
当本题代码在严格模式下执行时,会报错;非严格模式下,它默认 b = 20无效
NFE 有两个好玩的特性:
1.作为函数名的标识符(在这里是 b )只能从函数体内部访问,在函数外部访问不到 (IE9+)
2.绑定为函数名的标识符(在这里是b)不能再绑定为其它值,即该标识符绑定是不可更改的(immutable),所以在 NFE 函数体内对 b 重新赋值是无效的
(function A() {
console.log(A); // [Function A]
A = 1;
console.log(window.A); // undefined
console.log(A); // [Function A]
}())
可以看到注释里的输出。
这也就是说A = 1这一步什么都没有发生。它既没有改变A的值,也没有在window中添加新的属性。
(function A() {
console.log(A); // undefined
var A = 1;
console.log(window.A); // undefined
console.log(A); // 1
}())
这个还是很好理解的,var语句被变量提升到函数顶端,函数内定义了变量A但是没有赋值,所以第一个log是undefined,因为有var,并没有向global添加属性,因此window.A也是undefined。
function A() {
console.log(A); // [Function A]
A = 1;
console.log(window.A); // 1
console.log(A); // 1
}
A();
不在立即执行这个函数,A可以被更改,结果也很符合直觉,打第一个log时,函数作用域内没有找到A,因此向上层查找,找到函数A;然后A = 1使得window对象多了一个属性,第二个log结果是1,第三个log显然也是1。
var b = 10;
(function (){
b = 20;
console.log(b);//20
})()
var b = 10;
(function b(b){
console.log(b) // 10
b = 20;
console.log(b);//20
})(b)
var b = 10;
(function b(b){
console.log(b) // undefined
b = 20;
console.log(b);//20
})()
var b = 10;
(function b(b){
window.b = 20;
console.log(b);//10
})(b)
var b = 10;
(function b(b){
b = 20;
console.log(this.b);//10
})(b)