ES5中作用域链、闭包、this的理解

最新推荐文章于 2022-08-19 14:41:20 发布

Andy·Wu

最新推荐文章于 2022-08-19 14:41:20 发布

阅读量269

点赞数

分类专栏： JavaScript 文章标签：作用域链闭包 this

本文链接：https://blog.csdn.net/u010011236/article/details/88564833

版权

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

先记住口诀：

（1）作用域链实际上是对象列表，其中每个对象表示一个作用域，其中的属性即为变量名
（2）当函数作为对象的方法调用时，其内的 this 指向该对象；当函数只作为函数调用时，
其内的 this 为 window （非严格模式）或 undefined（严格模式）。[参考：《JavaScript权威指南》]
下面通过具体的案例来理解上面两句话的含义：

代码1：

for (var i = 0; i < 5; i++) {
    setTimeout(function() {
        console.log(new Date, i);
    }, 1000);
}
console.log(new Date, i);

上述代码的 for 循环没执行一次，其 setTimeout() 中的函数都会放到回调队列中，当其他代码都执行完成（即此时 i = 5），才会从回调队列中调出存入的函数并依次执行。根据口诀 1 ，因为最后 i = 5，所以上述程序的最终输出结果为：
5 => 这是 for 循环外 console.log() 执行的结果
5 5 5 5 5 => 这是 setTimeout() 中函数执行的结果