ECMAScript 6 学习笔记

Posted 骑着蜗牛前行

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ECMAScript 6 学习笔记相关的知识,希望对你有一定的参考价值。

ECMAScript 6 let和const命令

let命令

基本用法

ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。

{
  let a = 10;
  var b = 1;
}

a // ReferenceError: a is not defined.
b // 1

上面代码在代码块之中,分别用letvar声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变量只在它所在的代码块有效。 

 

for循环的计数器,就很合适使用let命令。

for (let i = 0; i < arr.length; i++) {}

console.log(i);
//ReferenceError: i is not defined

上面代码的计数器i,只在for循环体内有效。

 

下面的代码如果使用var,最后输出的是10。

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

上面代码中,变量ivar声明的,在全局范围内都有效。所以每一次循环,新的i值都会覆盖旧值,导致最后输出的是最后一轮的i的值。

如果使用let,声明的变量仅在块级作用域内有效,最后输出的是6。

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

上面代码中,变量ilet声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是6。

 

以上是关于ECMAScript 6 学习笔记的主要内容,如果未能解决你的问题,请参考以下文章

ECMAScript 6 入门学习笔记——let和const

ECMAScript 6.0 学习笔记

ECMAScript 6 学习笔记

ECMAScript 6 入门学习笔记(零)——开始

ECMAScript 6 学习笔记--编译环境搭建

ECMAScript5学习笔记