面试的时候这三个定义变量和函数的方法没有解释清楚,今天把他们总结清楚。只要搞清楚全局作用域、函数作用域和块级作用域。
参考资料
全局作用域和函数作用域
块级作用域
-
全局作用域
这个比较好理解,就是定义在script里面的变量和函数,可以在任何地方访问到。 -
函数作用域
调用函数的时候会创造一个函数作用域,需要注意的是只有调用函数的时候才会创造,函数在定义的时候是不会创造作用域的。 -
块级作用域
块级作用域是ES6才定义的。最简单的理解是{ }
中间的部分是一个块级作用域”。例如:for 循环、 if 逻辑判断、while 循环等语句后面的{ }
都是一个块级作用域。
理解清楚JS的作用域之后再去理解var、let、const就很清楚了
-
var
可以跨块级作用域(准确的事var是没有块级作用域的概念),但是不能跨函数作用域访问。 -
let
不可以跨块级作用访问,不能跨函数作用域访问 -
const
定义一个常量,定义时必须赋值(初始化),只能在块级作用域里访问。
例子
var b = 2;
if (true) {
let a = 2;
var b = 3;
var c = 4;
const d = 5;
let e = 5;
}
console.log(a); // undefine
console.log(b); // 3
console.log(c); // 4
console.log(d); // undefine
console.log(e); //报错 Uncaught ReferenceError: e is not defined
var d = 6;
var a;
a 和 d 出现的undefine其实是一个道理,在if的块级作用域中```let a = 2; const d = 5;` ``,在块级作用域外是不能访问的,又都是因为变量提升,上面相当于
var a
var d
console.log(a) // undefine
console.log(d) // undefine
d = 6
b 和 c 是在块级作用域里面用var定义的,是可以跨块级作用域访问的。所以能访问到定义的值。e 是块级作用域里定义的常量,块级作用域外不能访问,所以会报错。