var与let的区别 - JS

区别

var 和 let 大致等效，但 var 更加古老。所以以下用 var 的特性进行区别：

1. var 没有块级作用域；
2. var 允许重新声明；
3. 由于变量提升，声明前使用的变量，可以被 var 声明；

示例

1、var 没有块级作用域

• 在 if 与 for 为代表产生的块中，使用 var 声明的变量，会提升到全局；
• 在函数体中，使用 var 声明的变量，只会在函数体起作用。

if (1) { var df = "DFrame" }
console.log(df)	// DFrame
for (var i = 0; i < 10; i++) {}
console.log(i)	// 10
function f() { var n = 10; }
console.log(n)	// 抛错

2、var 允许重新声明

var a = 1;
var a = 2;	// 这是允许的
let b = 1;
let b = 2;  // 这是不允许的

3、声明前使用的变量，可以被 var 声明

在函数体中一样可以。

name = "Li Ming"	// 这个变量没有声明过
age = 18			// 这个变量没有声明过
var name, age;	// 在这里声明仍然合法