es6 let和var的区别
2018-03-10 20:55
204 查看
通过var定义的变量,作用域是整个封闭函数,是全域的 。通过let定义的变量,作用域是在块级或是子块中。
2
3
4
5
6
7
变量提升现象:浏览器在运行代码之前会进行预解析,首先解析函数声明,定义变量,解析完之后再对函数、变量进行运行、赋值等。
-不论var声明的变量处于当前作用域的第几行,都会提升到作用域的头部。
-var 声明的变量会被提升到作用域的顶部并初始化为undefined,而let声明的变量在作用域的顶部未被初始化
2
3
4
5
6
7
8
2
3
4
5
6
但是直接用let声明变量不赋值是会打印undefined,还是初始化了,只是let声明放在赋值之后,let声明会提前但不会初始化。
2
3
4
5
只要块级作用域内存在let命令,它所声明的变量就“绑定”这个区域,不再受外部的影响。总之,在代码块内,使用let命令声明变量之前,该变量都是不可用的,尽管代码块外也存在相同全局变量。
2
3
4
5
6
7
let不允许在相同作用域内,重复声明同一个变量。
for (let i = 0; i < 10; i++) { // ... } console.log(i); // ReferenceError: i is not defined //计数器i只在for循环体内有效,在循环体外引用就会报错。1
2
3
4
5
6
7
变量提升现象:浏览器在运行代码之前会进行预解析,首先解析函数声明,定义变量,解析完之后再对函数、变量进行运行、赋值等。
-不论var声明的变量处于当前作用域的第几行,都会提升到作用域的头部。
-var 声明的变量会被提升到作用域的顶部并初始化为undefined,而let声明的变量在作用域的顶部未被初始化
// var 的情况 console.log(foo); // 输出undefined var foo = 2; //相当于 var foo; //声明且初始化为undefined console.log(foo); foo=2;1
2
3
4
5
6
7
8
// let 的情况 console.log(bar); // 报错ReferenceError let bar = 2; //相当于在第一行先声明bar但没有初始化,直到赋值时才初始化1
2
3
4
5
6
但是直接用let声明变量不赋值是会打印undefined,还是初始化了,只是let声明放在赋值之后,let声明会提前但不会初始化。
let a; alert(a);//值为undefined alert b;//会报错 let b;1
2
3
4
5
只要块级作用域内存在let命令,它所声明的变量就“绑定”这个区域,不再受外部的影响。总之,在代码块内,使用let命令声明变量之前,该变量都是不可用的,尽管代码块外也存在相同全局变量。
var tmp = 123; if (true) { tmp = 'abc'; // ReferenceError let tmp; } alert(tmp); //输出值为123,全局tmp与局部tmp不影响1
2
3
4
5
6
7
let不允许在相同作用域内,重复声明同一个变量。
// 报错 function () { let a = 10; var a = 1; } // 报错 function () { let a = 10; let a = 1; }
相关文章推荐
- 深入理解ES6之var,let,const区别
- js中let和var定义变量的区别
- const、 let 和var的区别
- Js中var、let、const的区别
- Var、const、let区别
- js中const,var,let区别
- var、let、const 区别?
- js中三种定义变量的方式const, var, let的区别。
- ES学习之var,let,const的比较
- js中const,var,let区别
- js中const,var,let区别
- js中const,var,let区别
- for循环绑定事件时,var和let声明循环变量的区别
- var、let、const的区别
- js 中const, var, let的区别
- 选项卡的书写中var与let的区别
- Web端 es6(基础一) let var const 的区别
- let和var区别
- javascript中var与let与const的区别
- ts和js中let和var定义变量的区别