var
使用var定义的变量会成为包含它的函数的局部变量,意味着该变量在函数退出时被销毁。
function test () {
var age = 16;
}
test();
console.log(age); //出错
如果在函数内定义变量时省略var,则创建的是全局变量。通过省略var定义全局变量的方式,并不推荐,因为在局部作用域中定义的全局变量不利于后期维护。
function test () {
age = 16;
}
test();
console.log(age); //16
var定义的变量会自动提升到函数作用域的顶部,var反复声名同一个变量也是没有问题的。
function test() {
console.log(age);
var age = 16;
}
test(); //undefined
//会被看作如下代码
function test() {
var age;
console.log(age);
age = 16;
}
test();// undefined
let
let定义的变量跟var定义的变量有一个明显的区别,let声明的范围为块作用域,let声明的变量也不会在作用域中被提升。在下面的例子中JavaScript引擎解析代码时会注意到let声明,只不过在这之前不会引用未声明的变量,这被称为“暂时性死区”。同时let也不能反复的声明同一个变量。
// name会被提升
console.log(name); //undefined
var name = '小明';
//age不会被提升
console.log(age); //age没有定义
let age = 16;
在声明全局变量时,使用let声明的变量不会成为window对象的属性,而var声明的变量则会。
const
const与let基本相同,但是const声明变量时必须初始化变量。const也不允许重复声明,使用const声明可以让浏览器运行时保持变量不变,也可以提前发现不合法的赋值操作。