ES6---let、const与var
2020-06-26 04:24
225 查看
let、const与var的区别,使用案例进行对比。
1、var:有变量提升,存在覆盖问题,允许重复声明
以下是一个变量覆盖的例子:
// 变量覆盖 var time = 'today'; function fun() { console.log(time); if (false) { var time = 'tomorrow'; /* var变量提升,覆盖了外层的 time = 'today';而var time = 'tomorrow'; 执行条件是if (false) ,即没有赋值,只是定义了 var time,所以后面输出时是 undefine */ } } fun(); //输出undefine
2、let:不具有变量提升,有块级作用域,具有暂时性死区,不允许重复声明
以下是块级作用域的例子:
// 1、通过 var 声明计数循环变量 var arr = []; for (var i = 0; i < 2; i++) { arr[i] = function () { console.log(i); } } console.log(i); // 循环完之后 i = 2; 所以这里输出的是2 arr[0](); // 输出的是2 arr[1](); // 输出的是2
// 2、通过 let 声明变量 注意与 var 的对比 let arr1 = []; for (let j = 0; j < 2; j++) { arr1[j] = function () { console.log(j); } } // console.log(j); 这里会报错 j是通过 let 声明的 具有块级作用域 arr1[0](); //输出0 arr1[1](); //输出1
3、const:不具有变量提升,用于定义常量,使用时要赋值,一旦声明不允许修改
注:const定义的对象是不可以修改,但对象里面的属性值是可以修改的,对象是引用类型,指向的是地址,修改对象属性值不改变指向。
const person = { name: "abc", age: 18 } // 允许修改对象属性 person.age = 19; console.log(person.age); //输出19 // 不允许修改对象 /* person = { name: "abc", age: 19 } */ // 如果直接修改对象会报错
let、const块级作用域可以解决var的问题:
①内层变量覆盖外层变量的问题;
②用于计数的循环变量泄露为全局变量的问题。
相关文章推荐
- ES6 let、var、const联系与区别
- ES6 var和let和const 的区别
- Web端 es6(基础一) let var const 的区别
- JavaScript ES6中const、let与var的对比详解
- ES6语法:var、let、const的区别详解
- ES6中var, let 和const的使用和区别
- [js高手之路] es6系列教程 - var, let, const详解
- ES6 的let,var,const的一些理解
- ES6中let,const和 var
- ES6 var let const
- es6中,const、var、let的区别总结。
- ES6 let var const
- 【ES6】var、let、const三者的区别
- 一文读懂ES6 中 var、let、const 的区别
- ES6 中的let、const与var的区别
- [Wondgirl]ECMAScript6(ES6)(二)变量let、var和常量const的定义和区别
- JavaScript的ES6中var、let、const
- JavaScript ES6中const、let与var的对比详解
- 【ES6】var / let / const
- js变量中有var定义和无var定义的区别,es6中let命令和const命令