let，var，const的区别以及const的补充说明

一：var是函数作用域，let,const是块作用域。

例子1:
{
    let a = 10;
    var b = 1;
}

区别：
a会报找不到
b=1
上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。这表明，let声明的变量只在它所在的代码块有效。

例子2：
	var arr=[1,3,4,5]
	for(let i=0;i<arr.length;i++){}
	console.log(i) //报找不到 上面代码的计数器i，只在for循环体内有效。(区块内)
	for(var i=0;i<arr.length;i++){}
	console.log(i) //结果4```

注：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

二：let，const不存在变量提升

例子:
function do_something() {
	console.log(foo); // ReferenceError
	let foo = 2;
}
function do_something() {
	console.log(foo); // 2
	var foo = 2;
}

原因：暂时性死区
只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。
ES6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些命令，就会报错。
总之，在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称TDZ）。

三：let const 不能重复定义

例子1：
// 报错
function () {
	let a = 10;
	var a = 1;
}
// 报错
function () {
	let a = 10;
	let a = 1;
}

原因：let不允许在相同作用域内，重复声明同一个变量。

例子2：
function f1() {
	let n = 5;
	if (true) {
		let n = 10;
	}
	console.log(n); // 5
}
function f2() {
	var n = 5;
	if (true) {
		var n = 10;
	}
	console.log(n); // 10
}

区别：上面的函数有两个代码块，let声明了变量n，运行后输出5。这表示外层代码块不受内层代码块的影响。如果使用var定义变量n，最后输出的值就是10。

const的补充说明：
注：const也用来声明变量，但是声明的是常量。一旦声明，常量的值就不能改变，下面代码表明改变常量的值是不起作用的。需要注意的是，对常量重新赋值不会报错，只会默默地失败。

const PI = 3.1415;
PI // 3.1415
PI = 3;
PI // 3.1415
const PI = 3.1;
PI // 3.1415

注：由于const命令只是指向变量所在的地址，所以将一个对象声明为常量必须非常小心

扫描二维码关注公众号，回复： 13055199 查看本文章

const foo = {};
foo.prop = 123;
foo.prop
// 123
foo = {} // 不起作用

上面代码中，常量foo储存的是一个地址，这个地址指向一个对象。不可变的只是这个地址，即不能把foo指向另一个地址，但对象本身是可变的，所以依然可以为其添加新属性。
下面是另一个例子。

const a = [];
a.push("Hello"); // 可执行
a.length = 0; // 可执行
a = ["Dave"]; // 报错

上面代码中，常量a是一个数组，这个数组本身是可写的，但是如果将另一个数组赋值给a，就会报错。
如果真的想将对象冻结，应该使用Object.freeze方法。

const foo = Object.freeze({});
foo.prop = 123; // 不起作用

上面代码中，常量foo指向一个冻结的对象，所以添加新属性不起作用

let，var，const的区别以及const的补充说明

猜你喜欢