从经典面试题看var与let

沈俭发布于2019-08-20 17:38 / 675人阅读

摘要：这也就解释了以下代码运行正常那么，的循环里发生了什么呢变量提升

for (var index = 0; index < 5; index++) {
  setTimeout(function (){
    console.log(index);//5
  }, 10)
}
console.log(index)// 5

这是个老生常谈的问题，但是今天我才明白过来实际是怎么回事。
使用ES6语法的话，修改如下

for (let index = 0; index < 5; index++) {
  setTimeout(function (){
    console.log(index);//0,1,2,3,4
  }, 10)
}
console.log(index)// ReferenceError: index is not defined

var是在全局范围有效，所以执行setTimeout里的函数时，先是在函数内部寻找 index 变量，没有找到，所以去外层找，找到！这时index已经执行完循环，所以值为5；
而let则是声明在for循环的内部的，每一次for循环，一个block上下文，每次for循环都建立如下block。

{
   let index = 0;
   setTimeout(function (){
     console.log(index);
   }, 10)
}

这也就解释了以下代码运行正常

for(const index of array)

那么，var的for循环里发生了什么呢？

var index;//变量提升
{
   index = 0;
   setTimeout(function (){
     console.log(index);
   }, 10)
}

海外云主机服务器托管专有网络与经典网络 linux入门与实战经典 vpc与经典网络互通经典网络与vpc互通

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83739.html

从八道面试题看JavaScript DOM事件机制

摘要：事件机制其实很简单，无非冒泡和捕获这两点，笔者不再赘述，网上相关文章一大堆，下面让我们直接看面试题题目一到七，统一设置题目一请问点击后，数字和，谁先被打印出来题目二请问点击后，数字和，谁先被打印出来题目三请问点击后，数字和，谁先被打印出来题 As we all know,事件机制其实很简单，无非冒泡和捕获这两点，笔者不再赘述，网上相关文章一大堆，下面让我们直接看面试题题目一到七，统一...

CollinPeng 2019-08-22 15:37 评论0 收藏0
帝都寒冬一年经验前端面试总结

摘要：不过幸运的是所有面试的公司都给了，在这里总结下经验吧。这里推荐下我当时看的一篇的面经，木易杨老师写的大厂高级前端面试题汇总。前言本人毕业一年，最近陆续面试了头条、瓜子、360、猿辅导、中信银行、老虎等公司，由于最近比较寒冬而且招1-3年的并不多，再加上自己对公司规模和位置有一定要求，所以最后合适的也就这几家了。不过幸运的是所有面试的公司都给了offer，在这里总结下经验吧。掘金：h...

Scott 2019-08-26 10:24 评论0 收藏0
JavaScript系列——JavaScript同步、异步、回调执行顺序之经典闭包setTimeou

摘要：同步异步回调傻傻分不清楚。分割线上面主要讲了同步和回调执行顺序的问题，接着我就举一个包含同步异步回调的例子。同步优先回调内部有个，第二个是一个回调回调垫底。异步也，轮到回调的孩子们回调，出来执行了。同步、异步、回调？傻傻分不清楚。大家注意了，教大家一道口诀：同步优先、异步靠边、回调垫底（读起来不顺）用公式表达就是：同步 => 异步 => 回调这口诀有什么用呢？用来对付面试的...

lewif 2019-08-29 12:21 评论0 收藏0