前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >实用主义:面试中的日常闭包

实用主义:面试中的日常闭包

作者头像
MrTreasure
发布2018-05-10 11:07:02
4690
发布2018-05-10 11:07:02
举报
文章被收录于专栏:不止是前端

题目

代码语言:javascript
复制
for (var i = 0;i < 100;i++) {
  setTimeout(() => {
     console.log(i);
  }, 0);
}

求输出结果。 答案是:100,100,100,100······· 这道题就是涉及到了变量的作用域。因为ES5没有块级作用域,因此for循环中使用var声明的变量i是全局变量,而setTimeout()是一个异步函数,在这里表示在0s后,将console.log(i)加入事件池。然而for中的循环是同步的,因此,同步执行for中的循环,此时i已经变为了100,然后console.log(i)就是100了

改进方法

  1. 运用闭包
代码语言:javascript
复制
for (var i =0;i < 100;i++) {
    (function(i) {
      setTimeout(() => {
        console.log(i);    
      }, 0);
    })()
}

通过闭包保存i当时的值。

  1. ES6方法
代码语言:javascript
复制
for (let i = 0;i < 100;i++) {
    setTimeout(() => {
      console.log(i);
    }, 0);
}

通过let声明的变量有了块级作用域,因此,console.log中的i值是当时for循环中的i。ES6也推荐使用let声明变量,有很多好处(块级作用域、暂时性死区等)

就是这样:)

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.02.21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 题目
  • 改进方法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档