浅谈ES6之let和const
2018-03-30 16:26
190 查看
let
let和const是es6里最重要的概念之一,(其他的几个我认为是Promise和箭头函数,而Class只是语法糖,其他的几个概念稍后再说),let和const在深入理解里把let和const放在了块级作用域里,说明了const和let的核心就是解决var的作用域变量提升问题。废话不说先上代码。(代码直接抄阮一峰了)块级作用域
{ let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1
一句话,var声明依然有效,let报错,说明let声明的变量只在它所在的代码块有效。
块级作用域的出现,立即执行函数表达式不再必要了。
作用域引发的for循环问题
这个问题和什么事件队列异步没啥关系,否则你怎么解释let和var之间的区别呢?var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); // 10 var a = []; for (let i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); // 6
作用域无提升
var命令会发生”变量提升“现象,值为undefined,let则解决了这个问题console.log(foo); // 输出undefined var foo = 2; // let 的情况 console.log(bar); // 报错ReferenceError let bar = 2;
暂时性死区
只要块级作用域内存在let命令,它就绑定这个区域,不再受外部的影响。var tmp = 123; if (true) { tmp = 'abc'; // ReferenceError let tmp; }
在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为暂时性死区
if (true) { // 暂时性死区开始 tmp = 'abc'; // ReferenceError console.log(tmp); // ReferenceError let tmp; // 暂时性死区结束 console.log(tmp); // undefined tmp = 123; console.log(tmp); // 123 }
不允许重复声明
// 不报错 function func() { var a = 10; var a = 1; } // 报错 function func() { let a = 10; let a = 1; }
const
相关文章推荐
- 浅谈ES6的let和const的异同点
- 1、 ES6语法let、const
- let、const
- SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside stric
- ES6学习之——let、const
- ES6学习--let和const命令
- 5分钟掌握var,let和const异同
- 用 const 还是用 let?
- ECMAScript6学习笔记 ——let、const、变量解构赋值
- es6 箭頭函數 let, const
- js中定义变量的三种方式const,val,let 的区别
- 深入浅出ES6(十四):let和const
- JavaScript中const,var,let区别
- var与ES6中const、let声明的变量的区别
- js中的let\var\const
- let和const
- es6中的const和let
- js 中const, var, let的区别
- ES6笔记-- let和const
- ECMAscript6快速入门-let和const