读阮一峰ES6笔记1:let 和 const 命令

北慕城南 提交于 2019-12-02 06:13:32

let命令

基本用法

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

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

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6 //E5用var 结果就是10//变量i是let声明的,当前的i只在本轮循环有效。每一次循环的i其实都是一个新的变量,所以最后输出的是6。 JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。

用ES5如何正确实现?(梁涛注)

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = (function (i) {
      return function(){  //闭包
        console.log(i); 
      }
  })(i);//立即执行函数
}
a[6](); // 6//运行步骤:先把a[0]到a[9]全部赋值一遍(返回闭包),存于内存中。当执行到a[6]()时,输出结果。//闭包容易导致内存泄露

不存在变量提升

var命令会发生“变量提升”现象,即变量可以在声明之前使用,值为undefined

let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。

console.log(a) // ReferenceError: a is not defined.  (梁涛注)实际运行结果也是undefined。只有let a在对象内部时,在外面调用a,才会报ReferenceError错误。console.log(b) // undefined
let a = 10;
var b = 1;

不允许重复声明

let不允许在相同作用域内,重复声明同一个变量

// 报错
function func() {
  let a = 10;
  var a = 1;
}

// 报错
function func() {
  let a = 10;
  let a = 1;
}

function func(arg) {//不能在函数内部重新声明参数
  let arg;
}
func() // 报错

块级作用域

块级作用域的出现,实际上使得获得广泛应用的匿名立即执行函数表达式(匿名 IIFE)不再必要了。

// IIFE 写法
(function () {
  var tmp = ...;
  ...
}());

ES6 的块级作用域必须有大括号,如果没有大括号,JavaScript 引擎就认为不存在块级作用域。

// 报错
if (true) let x = 1; //正确写法 if(true){let x=1}

const命令

基本用法

const声明一个只读的常量。一旦声明,常量的值就不能改变。

const PI = 3.1415;
PI // 3.1415

PI = 3;
// TypeError: Assignment to constant variable.

const一旦声明变量,就必须立即初始化。

const的作用域与let命令相同:只在声明所在的块级作用域内有效。

const声明的常量,也与let一样不可重复声明。

ES6 声明变量的六种方法

ES5 只有两种声明变量的方法:var命令和function命令。ES6 除了添加letconst命令,还有import命令和class命令。

顶层对象的属性

顶层对象,在浏览器环境指的是window对象,在 Node 指的是global对象。ES5 之中,顶层对象的属性与全局变量是等价的。

ES6 为了改变这一点,一方面规定,为了保持兼容性,var命令和function命令声明的全局变量,依旧是顶层对象的属性;另一方面规定,let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性。

var a = 1;
// 如果在 Node 的 REPL 环境,可以写成 global.a
// 或者采用通用方法,写成 this.a
window.a // 1

let b = 1;
window.b // undefined

 

原文地址

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!