JS作用域

最新推荐文章于 2023-11-14 16:30:44 发布

原创最新推荐文章于 2023-11-14 16:30:44 发布 · 463 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js

本文详细解释了JavaScript中变量提升的原理，包括使用var声明变量时的行为特点、局部变量如何覆盖全局变量、不同作用域中变量查找的原则以及ES6引入的let关键字与var的区别。

变量提升

1、使用var声明变量时，变量的声明会自动提升到它作用域的顶部执行，赋值则在实际的代码位置执行。

function() {
	console.log(a); // undefined
	var a = 10;
}
等价于
function() {
	var a;
	console.log(a);
	a = 10;
}

2、js变量查找是就近原则。变量提升
函数提升

var a = 10;
function fn() {
	console.log(a); // undefined;
	var a = 20;
	console.log(a); // 20
}
等价于
var a = 10;
function fn() {
	var a; // 局部变量覆盖全局变量
	console.log(a);
	a = 20;
	console.log(a)
}

3、不用var定义变量，会默认为全局变量（不规范的写法，要避免）

4、var a = b = 10; 等价于 var a = 10; b = 10; b为全局变量

var a = 1;
function aaa(a){ 
  console.log(a);
  var a = 2;  // 形参优先级高于 var a;局部变量a的声明其实被忽略了。
} 
aaa(a); // 10

5、var和let
ES6之前，没有块级作用域的概念。因此if和for循环中的声明的变量可以被外部访问。只有全局变量和函数变量的概念。
let声明的变量拥有块级作用域。