A: let 申明的变量只在命令所在的代码块内有效;只能声明一次,不存在变量提升
B: const声明一个只读的常量在块级元素有效; 只能声明一次,一旦声明,常量的值就不能改变, 不存在变量提升; 意味着,一旦声明必须初始化。
C: var是在全局范围内有效,且可申明多次,会变量提升。
三者变量提升的区别:
console.log(a) // 正常运行,打印出 undefined
var a = 1
------------------------
console.log(b) // 报错,Uncaught ReferenceError: b is not defined
let b = 1
------------------------
console.log(c) // 报错,Uncaught ReferenceError: b is not defined
const c = 1
例如 for循环计数器很适合let
for (var i = 0; i < 10; i++) {
setTimeout(function(){
console.log(i);
})
}
// 输出十个 10
for (let j = 0; j < 10; j++) {
setTimeout(function(){
console.log(j);
})
}
// 输出 0123456789
变量 i 是用var声明的,在全局范围内有效,所以全局只有一个变量,他每循环时,setTimet定时器里面的i指的是全局变量i,而循环里面是个undefine是在循环结束后才执行 ,所以此时的i 都是10.
变量 j 用let 申明的,当前 j 只在本轮循环中有效,每次循环的 j 都是一个新的变量,所以setTimeout定时器里面的 j 其实就是不同的变量,既最后输出01234 (每次循环的 j 都是重新声明的,如何知道前一个循环的值?因为javascript引擎内部会记住前一个循环的值)。
ES6 明确规定,代码块内如果存在 let 或者 const,代码块会对这些命令声明的变量从块的开始就形成一个封闭作用域。代码块内,在声明变量 PI 之前使用它会报错。
let定义的变量如果在{}中 ,只能在{}中调用:
// 在 {} 中 使用 let 定义变量 只能在 { } 中 使用
// 如果需要在 { } 中 对 let 定义的变量 进行操作
// 提前定义 变量 在 {} 中 进行赋值操作
if( true ){
var a = 300 ;
let b = 400 ;
// let 声明的变量 在 { } 中可以调用
// 对 {} 外定义的变量 进行赋值操作
console.log( b );
}
console.log( a ) ;
// let 声明的变量 在 { } 外 不能调用
注意*
const 如何做到变量在声明初始化之后不允许改变的?其实 const 其实保证的不是变量的值不变,而是保证变量指向的内存地址所保存的数据不允许改动。变量指向的内存地址其实是保存了一个指向实际数据的指针,所以 const 只能保证指针是固定的,至于指针指向的数据结构变不变就无法控制了,所以使用 const 声明复杂类型对象时要慎重。