JavaScript 高级(4)- 作用域、作用域链 - 学习进行中

作用域

变量作用域:就是一个变量可以使用的范围。
js中首先有一个最外层的作用域,全局作用域
js中可以通过函数来创建一个独立作用域,其中函数可以嵌套,所以作用域也可以嵌套
例如:

var a = 1;  // 全局变量
function foo() {
	// 变量提升:函数和变量的声明会被js的解释器放到最上面(函数声明的提升,函数体一同被提升)
	console.log(b);  // undefined,变量提升造成
	var b = 2;  // b是foo函数内部声明的变量,作用域在foo函数内部
	console.log(b);  // 2
	console.log(a);  // 1,a是全局作用域,foo函数内部可以访问
}
console.log(a);  // 1
console.log(b);  // 报错,b is not defined;b属于局部变量,在全局作用域中无法访问

作用域链

变量的查找过程,称之为变量的作用域链。

// 多级作用域
// 1级
var a = 1;
function foo() {
	// 2级
	console.log(a);  // 1
	console.log(b);  // undefined
	console.log(c); // 报错,c is not defined,变量为声明
	function foo1() {
		// 3级
		var c = 3;
		console.log(a);  // 1
		console.log(b);  // undefined
		console.log(c); // 3
	}
	foo1();
	var b = 2;
}
foo();

作用域链查找变量

1、若是在当前作用域找到变量,就不会再往上继续查找

var a = 1;
function foo() {
	var a = 2;
	console.log(a); // 2
}
foo();

2、局部作用域,变量提升

var a = 1;
function foo() {
	console.log(a); // undefined
	var a = 2;
}
foo();

3、查找上级作用域,只看函数在哪编写,不看在哪调用

var a = 1;
function foo() {
	var a = 2;
	return function() {
		// 3级
		console.log(a);  // 2
		console.log(b);  // undefined
	}
	var b = 2;
}
var fn = foo();
fn(); // 2, undefined
发布了16 篇原创文章 · 获赞 13 · 访问量 3458

猜你喜欢

转载自blog.csdn.net/weixin_45544358/article/details/99843014