JavaScript函数之作用域 / 作用链域 / 预解析

关于作用域和作用链域的问题,很多文章讲的都很详细,本文属于摘录自己觉得对自己有价值的部分,留由后用,仅供参考,需要查看详细信息请点击我给出的原文链接查看原文件

做一个有爱的搬运工~~

-------------------------------------------------------------------------------------------------------------------------------------------

作用域

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的预解析

　　说法:js的预解析是在程序进入一个新的环境时，把该环境里的变量或函数预解析到它们能调用的环境中。即每一次预解析的单位是一个执行环境。

　　转：javascript(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的闭包和作用域链要好,所以,不多说,看原文!

--------------------------------------------------------------------------------------------------------------------------

参考文章:

Javascript中模仿块级作用域

js作用域问题一步步透彻理解

解释一下啥叫预解析（自己起的名），希望给一些初学js的提供些帮助

js的预解析

转：javascript(js)预解析原理

(转载）浅谈JavaScript的闭包和作用域链