由es6 let想到的块级作用域问题-面试题

﹏ヽ暗。殇╰゛Y 2022-07-03 23:45 115阅读 0赞

#### 面试题情景： ####

var a = [];
    for (var i = 0; i < 10; i++) {
      a[i] = function () { 
        console.log(i);
      };
    }
    a[6](); // 10
    a[7](); // 10
    a[8](); // 10
    a[9](); // 10

这里好像和想的不那么一样，但是js就是这样，i就是全局变量，所以用来计数的循环变量泄露为全局变量。上面代码中，变量i是var声明的，在全局范围内都有效。所以每一次循环，新的i值都会覆盖旧值，导致最后输出的是最后一轮的i的值。也可以这样来讲，循环的时候i是没有赋值的，所以a中的值就是function () \{console.log(i);\};，最终i等于10，所以每次调用输出的都是10.

#### 如果我想输出的是0-9呢？ ####

那么就应该这样：

var a = [];
    for(var i=0;i<10;i++){
       a[i]=(function(o){ return function(){ console.log(o)}})(i);
    }

今天我在看let的时候，let为JavaScript新增了块级作用域，用它所声明的变量，只在let命令所在的代码块内有效。

var a = [];
    for (let i = 0; i < 10; i++) {
      a[i] = function () { 
        console.log(i);
      };
    }
    a[6](); // 6

我又看了看它编译成es5的样子，这道面试题又多了两个方法，其实重在理解es6的块级作用域和原来的全局作用域。

"use strict";
    var a = [];
    var _loop = function (i) { 
      a[i] = function () { 
        console.log(i);
      };
    };
    for (var i = 0; i < 10; i++) {
      _loop(i);
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，115人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6 let,const和for循环块级作用域

let和var的区别 var能够在同一个作用域中重复声明变量 let不能够在同一个作用域中重复声明变量全局作用域中var声明的变量，会

迷南。/ 2023年06月11日 09:28/ 0 赞/ 45 阅读

相关 ECMAScript 6（2）let和块级作用域

let 解释： 1. 简单来说，就是类似var，但使用该方法声明的变量，只在当前作用域生效；几个特点： 1、let和var相比，不存在变量提升（即先使用后

你的名字/ 2022年07月13日 10:44/ 0 赞/ 104 阅读

相关由es6 let想到的块级作用域问题-面试题

面试题情景： var a = []; for (var i = 0; i < 10; i++) { a[i] = function () {

﹏ヽ暗。殇╰゛Y/ 2022年07月03日 23:45/ 0 赞/ 116 阅读

相关浅谈ES6 块级作用域

1、为什么需要块级作用域 ES5只有全局作用域和函数作用域，没有块级作用域，会带来以下问题： 1) 变量提升导致内层变量可能会覆盖外层变量 var i = 5;

布满荆棘的人生/ 2022年06月18日 05:13/ 0 赞/ 295 阅读

相关 ES6之let,const和块级作用域

原创地址: [http://blog.csdn.net/qq\_35087256/article/details/79552829][http_blog.csdn.net_qq

灰太狼/ 2022年05月29日 02:47/ 0 赞/ 291 阅读

相关 ES6之let,const和块级作用域

`var` 第一个就是作用域的问题，var不是针对一个块级作用域，而是针对一个函数作用域。举个例子： function runTowerExperiment(t

女爷i/ 2022年05月27日 13:27/ 0 赞/ 311 阅读

相关 js面试与笔试---ES6 块级作用域

1、为什么需要块级作用域 ES5只有全局作用域和函数作用域，没有块级作用域，会带来以下问题： 1) 变量提升导致内层变量可能会覆盖外层变量 var i = 5;

本是古典何须时尚/ 2022年05月18日 06:47/ 0 赞/ 324 阅读

相关 ES6块级作用域

块级作用域 ① 全局作用域和函数作用域在ES6之前只有全局作用域和函数作用域，由于变量提升带来了一些不便。 1. 第一种场景，内层变量可能会覆盖外层变

男娘i/ 2022年05月13日 09:28/ 0 赞/ 357 阅读

相关块级作用域(ES6)

> 一、为什么需要块级作用域 ES5只有全局作用域和函数作用域，没有块级作用域，这导致很多场景不合理。 1、第一种场景：内层变量可能会覆盖外层变量： var

我不是女神ヾ/ 2022年03月21日 07:58/ 0 赞/ 349 阅读

相关 ES6——块级作用域

javascript缺乏块级[作用域][Link 1]，var声明时的[声明提升][Link 2]、[属性变量][Link 3]等行为让人困惑。ES6的新语法可以帮助我们更好地

矫情吗；*/ 2021年09月20日 10:12/ 0 赞/ 409 阅读