关于作用域和作用链域的问题,很多文章讲的都很详细,本文属于摘录自己觉得对自己有价值的部分,留由后用,仅供参考,需要查看详细信息请点击我给出的原文链接查看原文件
做一个有爱的搬运工~~
-------------------------------------------------------------------------------------------------------------------------------------------
作用域
js中作用域只有一种,就是函数作用域,除此之外,还存在一种作用域叫块作用域,但在此之前,想先说一下什么叫做块
块
在JAVA或者C中(因为我只学过这两种语言),块就是写在{}中的语句,一般看作一条语句执行,
块作用域(JS中不存在块作用域的概念)
在块中的语句对块外是封闭的,在JAVA和C中都有这样的特性
例如
//JAVA 代码
public class Block {
public static void main(String[] args) {
if(true){
int i = 9;
}
System.out.println(i);//代码报错
}
}
//以上的代码编译时会报错,强制编译并执行时会抛出以下的错误:
//Exception in thread "main" java.lang.Error: Unresolved //compilation problem: i cannot be resolved to a variable
所以,JAVA是有块作用域的概念的,同样的代码,放在JS中时
//JavaScript代码
function fun(){
if(true){
var i = 9;
}
return i;
}
fun();//输出 9
这就说明, 在if语句中声明的变量在if语句之后被保留在内存中了,并没有销毁.
需要特别说明的是:JS中,在函数中用var定义的变量是局部变量,不用var定义的变量会默认作为全局变量使用
function f1(){
var n=9;
m = 10;
}
f1();
console.log(n);//不会输出结果,报错误:ReferenceError: n is not defined, 意思是该变量未定义
console.log(m);//输出10
关于这个说法,在很多文章中都有提及,比如 Javascript中模仿块级作用域 : 其中对JS中作用域的解释说:使用var关键字声明变量时，这个变量会自动添加到距离最近的可用环境中。对于函数而言，这个最近的环境就是函数的局部环境。如果变量在未经声明的情况下被初始化，则该变量会被自动添加到全局环境。
在JS中实现块作用域的使用效果
同样在 Javascript中模仿块级作用域 这篇文章中,利用匿名函数来实现块作用域的功能
(function(){
//块级作用域
})();
//来自原文的话: 这种技术常在全局作用域中用在函数外部，来限制向全局作用域中添加过多的变量和函数。当然，只要我们临时需要一些变量，都可以使用块级作用域（私有作用域）。当匿名函数执行完毕，其作用域链立即销毁，从而可以减少闭包占用资源问题。
在这里再贴一个也比较好的说明作用域知识的文章 js作用域问题一步步透彻理解
这篇文章中,有这样一个例子(这个细节是我之前并没有注意过的>>细节指数:★★★★)
function fun(){
var a = b = 10;
}
console.log(a);//ReferenceError: a is not defined
console.log(b);//输出: 10
/*
*原文的话: var a = b = 10; 这种写法在函数内: b其实是全局变量,a当然是局部变量
*/
所以我自己给出了下面的例子
function fun(){
var a = 10, b = 10;
}
console.log(a);//ReferenceError: a is not defined
console.log(b);//ReferenceError: b is not defined
/*
*a是局部变量
*b是局部变量
*我们可以很清楚的知道, var a = 10, b = 10; 这种写法在函数内是定义局部变量的有效方法,
*/
-----------------------------------------------------------------------------------------------------------------------
作用链域
预解析(在说作用链域之前,我想先说一个问题---预解析,先给出引用的文章地址, 方便回溯)
解释一下啥叫预解析（自己起的名），希望给一些初学js的提供些帮助
说法:js引擎读取一段js代码，首先预解析（这个名字我起的），就是逐行读取js代码，寻找全局变量和全局函数，遇到全局变量，把变量的值变为undefind,存在内存中，遇到全局函数，直接存在内存中，这个过程如果发现语法错误，预解析终止。
当预解析完成后，js引擎在从第一行开始逐行运行js代码。
说法:js的预解析是在程序进入一个新的环境时，把该环境里的变量或函数预解析到它们能调用的环境中。即每一次预解析的单位是一个执行环境。
说法:函数预解析：
1、javascript在执行前会进行类似“预解析”的操作：首先会创建一个在当前执行环境下的活动对象，并将那些用var 声明的变量、定义的函数设置为活动对象的属性，但是此时这些变量的赋值都是undefined。
2、在javascript解释执行阶段，遇到变量需要解析时，会首先从当前执行环境的活动对象中查找，如果没有找到而且该执行环境的拥有者有prototype属性时则会从prototype链中查找，否则将会按照作用域链查找。遇到var a = …这样的语句时会给相应的变量进行赋值（注意：变量的赋值是在解释执行阶段完成的，如果在这之前使用变量，它的值会是undefined）。
//预处理的例子 console.log(a);//输出: undefined
console.log(b);//输出: undefined
console.log(c);//输出: function c(){return "C";} var a = "A";
var b = function(){return "B"; }
function c(){return "C";} //在语法分析阶段，a保存用var进行显示声明的局部变量，并且置默认值为undefined，这里就是上述代码中"console.log(a)"输出为undefined的原因，由于代码在语法分析阶段就已经保留了标记符a，在赋值语句"var a = "A"; "执行之前a的值都是undefined，因此在"console.log(a)"的时候就显示为undefined了。(修改引用自:(转载）浅谈JavaScript的闭包和作用域链)
至此,如果预解析的概念有所了解了(其实我还没有完全理解,疑问就是:上例中的b和c的输出结果为什么不一样???如果有人理解,可以评论告诉我,不胜感激),就可以来说说作用链域的事儿了.
作用链域
看看这篇文章: (转载）浅谈JavaScript的闭包和作用域链(这篇文章讲了很多机制性的东西,个人觉得比较好!!!)
原文:作用域链(scope chain)就是由作用域组成的链，是一个类似链状的数据结构。作用域就是对上下文环境的数据描述。闭包和作用域链是紧密关系的，函数实例执行时的闭包是构成作用域链的基本元素。JavaScript代码在执行前会进行语法分析，在语法分析阶段，会记录全局环境中的变量声明和函数定义，构造函数的调用对象(Call Oject、Activation Object、Activate Object、活动对象，不同称呼罢了)和在全局环境下的作用域链。
[ 关于闭包的内容我会在下一篇文章 JavaScript函数之闭包 中具体来说 ]
至于作用链域的其他知识点,我感觉没有办法总结的比文章(转载）浅谈JavaScript的闭包和作用域链要好,所以,不多说,看原文!
--------------------------------------------------------------------------------------------------------------------------
参考文章: