js的作用域只有全局作用域和函数作用域,为了能在{ }来限定变量,所以使用了let来限制变量只能在块作用域中有效
var 和 let 作用域的不同
var a = 99; // 全局变量a
f(); // f是函数,虽然定义在调用的后面,但是函数声明会提升到作用域的顶部。
console.log(a); // a=>99, 此时是全局变量的a
function f() {
console.log(a); // 当前的a变量是下面变量a声明提升后,默认值undefined
var a = 10;
console.log(a); // a => 10
}
// 输出结果:
undefined
10
99
let和for语句的结合使用
for (var i = 0; i <10; i++) {
setTimeout(function() { // 同步注册回调函数到 异步的 宏任务队列。
console.log(i); // 执行此代码时,同步代码for循环已经执行完成
}, 0);
}
// 输出结果
10 共10个
// 这里面的知识点: JS的事件循环机制,setTimeout的机制等
这里由于setTimeout是异步进行的,在执行其中的函数时,for语句已经执行完毕,i已经等于10,所以输出的都是10。
// i虽然在全局作用域声明,但是在for循环体局部作用域中使用的时候,变量会被固定,不受外界干扰。
for (let i = 0; i < 10; i++) {
setTimeout(function() {
console.log(i); // i 是循环体内局部作用域,不受外界影响。
}, 0);
}
// 输出结果:
0 1 2 3 4 5 6 7 8 9
而这里由于每一个for循环都会生成不同的块作用域,用let声明的变量传入到 for循环体的作用域后,在块作用域中是独立的。