由一道面试题引发的关于js作用域和赋值的思考

本文探讨了JavaScript中变量的作用域链查找机制,通过一道面试题解析了局部变量与全局变量的查找流程,以及IIFE(立即调用函数表达式)中函数名不可更改的规则。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先看这道血淋淋的面试题:

var b = 10;
(function b() {
  b = 20;
  console.log(b)
})()

问:最终打印出什么?
js查找变量是沿着作用域链不断向上查找的,局部变量没有继续向上一层查找,一直查到全局作用域,有就返回没有就报undefined。
function b(){…},这是一个函数声明,也就是变量b指向了自执行函数;
b的函数体内没有声明b变量,所以js引擎会自内而外查找b变量,具体过程:在函数b中查不到b变量,向上一层查找,查到了function b,所以b是一个function;
接下来又对b进行了赋值:b = 20,然而js引擎规定,IIFE(立即调用函数表达式)函数名不允许更改,非严格模式下静默失败,严格模式下报错:"Uncaught TypeError: Assignment to constant variable."这里没有标明是严格模式,所以打印出:

ƒ b() {
b = 20;
console.log(b)
}

由上面的问题可以引申出下面写法:

var b = 10;
(function b() {
  'use strict'
  b = 20;
  console.log(b)
})() // "Uncaught TypeError: Assignment to constant variable."

var b = 10;
(function b() {
    window.b = 20; 
    console.log(b); // [Function b]
    console.log(window.b); // 20
})();

var b = 10;
(function b() {
    var b = 20; // IIFE内部变量
    console.log(b); // 20
   console.log(window.b); // 10 
})();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

毕竟我是大神

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值