我所理解的作用域

最新推荐文章于 2022-02-19 16:23:00 发布

stpyong

最新推荐文章于 2022-02-19 16:23:00 发布

阅读量127

点赞数

文章标签： JavaScript 作用域作用域链 js作用域的简单理解

本文链接：https://blog.csdn.net/qq_43019178/article/details/83537175

版权

前言：函数表达式是js中既强大又令人困惑的特性，会涉及到js中很容易让人迷惑的概念，比如作用域、作用域链、this问题、闭包等等，今天我就浅谈下我所理解的作用域。
这里无非会涉及到局部变量和全局变量，我们先来看个代码。
外层定义的变量即是全局的作用域，在任何函数内部都是可以访问的

var code = '1';
function fn() {
 console.log(code) //1
}
fn()

我们把上面的代码稍作修改，可以看到在var定义的位置在全局，那么一样的道理，内部函数依然是可以访问的。

var code ；
function fn() {
 console.log(code) //undefined
}
fn()

在函数内部定于的变量，在函数外部是无法访问的，即为函数的私有变量，下面的代码，在外部不能访问，会报错因为code是未曾定义的，只有函数内部是能访问的。

function fn() {
    var code = '1';
    console.log(code) 
}
fn()
console.log(code);

下面我们来简单聊下作用域链，这里涉及到一个概念，自由变量，我们直接上代码,这里a和b都属于自由变量，那么我们看a的链式结构其实是最明显的，这样所形成的一条链式结构，我们称之为作用域链。

var a = 100;
function fn(){
	var b =200;
	function fn2(){
		var c =300;
		console.log(a);
		console.log(b);
		console.log(c);
	}
}

后记：这是我的简单理解，如果要细说可能需要写很多，欢迎各位大佬指点，相互学习。
参考文献：JavaScript高级程序设计

关注