区别
var 和 let 大致等效,但 var 更加古老。所以以下用 var 的特性进行区别:
- var 没有块级作用域;
- var 允许重新声明;
- 由于变量提升,声明前使用的变量,可以被 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; // 在这里声明仍然合法