面试题一具名函数表达式(Named function expression, NEE),立即执行的函数表达式(Immediately-invoked function expression,IIFF)

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)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值