javascript的词法浸染域

各人应该写过下面相同的代码吧，其拭魅这里我想要表达的是偶然辰一个要领界说的处所和行使的处所会相隔十万八千里，那要领执行时，它能会见哪些变量，不能会见哪些变量，这个怎么判定呢？这个就是我们这次必要说明的题目——词法浸染域

var classA = function(){
    this.prop1 = 1;
}
classA.prototype.func1 = function(){
    var that = this,
        var1 = 2;
 
    function a(){
        return function(){
            alert(var1);
            alert(this.prop1);
        }.apply(that);
    };
    a();
}
var objA = new ClassA();
objA.func1();

词法浸染域：变量的浸染域是在界说时抉择而不是执行时抉择，也就是说词法浸染域取决于源码，通过静态说明就能确定，因此词法浸染域也叫做静态浸染域。 with和eval除外，以是只能说JS的浸染域机制很是靠近词法浸染域（Lexical scope）。

下面通过几个小小的案例，开始深入的相识对领略词法浸染域和闭包必不行少的，JS执行时底层的一些观念和理论常识。

1、经典案例一

/*全局（window）域下的一段代码*/
function a(i) {
    var i;
    alert(i);
};
a(10);

疑问：上面的代码会输出什么呢？
谜底：没错，就是弹出10。详细执行进程应该是这样的

a 函数有一个形参 i，挪用 a 函数时传入实参 10，形参 i=10
接着界说一个同名的局部变量 i，未赋值
alert 输出 10

思索：局部变量 i 和形参 i 是统一个存储空间吗？

2、经典案例二

/*全局（window）域下的一段代码*/
function a(i) {
    alert(i);
    alert(arguments[0]); //arguments[0]应该就是形参 i
    var i = 2;
    alert(i);
    alert(arguments[0]);
};
a(10);

疑问：上面的代码又会输出什么呢？（（ 10,10,2,10 || 10,10,2,2 ））
谜底：在FireBug中的运行功效是第二个10,10,2,2，猜对了… ，下面简朴说一下详细执行进程

a 函数有一个形参i，挪用 a 函数时传入实参 10，形参 i=10
第一个 alert 把形参 i 的值 10 输出
第二个 alert 把 arguments[0] 输出，应该也是 i
接着界说个局部变量 i 并赋值为2，这时辰局部变量 i=2
第三个 alert 就把局部变量 i 的值 2 输出
第四个alert再次把 arguments[0] 输出

思索：这里能声名局部变量 i 和形参 i 的值沟通吗？

3、经典案例三

/*全局（window）域下的一段代码*/
function a(i) {
    var i = i;
    alert(i);
};
a(10);

疑问：上面的代码又又会输出什么呢？（（ undefined || 10 ））
谜底：在FireBug中的运行功效是 10，下面简朴说一下详细执行进程

第一句声明一个与形参 i 同名的局部变量 i，按照功效我们知道，后一个 i 是指向了
形参 i，以是这里就便是把形参 i 的值 10 赋结局部变量 i
第二个 alert 虽然就输出 10

思索：团结案列二，这里根基能声名局部变量 i 和形参 i 指向了统一个存储地点！

4、经典案例四

/*全局（window）域下的一段代码*/
var i=10;
function a() {
    alert(i);
    var i = 2;
    alert(i);
};
a();

疑问：上面的代码又会输出什么呢？（小子，看这回整不死你！哇哈哈，就不给你选项）
谜底：在FireBug中的运行功效是 undefined, 2，下面简朴说一下详细执行进程

第一个alert输出undefined
第二个alert输出 2

思索：到底怎么回事儿？

5、经典案例五…………..N

看到上面的几个例子，你也许会想，怎么也许，我写了几年的 js 了，怎么这么简朴例子也会踌躇，功效也许还答错了。着实也许缘故起因是：我们能很快的写出一个要领，但到底要领内部是怎么执行的呢？执行的细节又是怎么样的呢？你也许没有举办过深入的进修和相识。要相识这些细节，那就必要相识 JS 引擎的事变方法，以是下面我们就把 JS 引擎对一个要领的理会进程举办一个轻微深入一些的先容

1、javascript执行次序

编译型说话，编译步调分为：词法说明、语法说明、语义搜查、代码优化和字节天生。
表明型说话，通过词法说明和语法说明获得语法说明树后，就可以开始表明执行了。这里是一个简朴原始的关于理会进程的道理，仅作为参考，具体的理会进程（各类JS引擎尚有差异）还必要更深一步的研究
JavaScript执行进程，假如一个文档流中包括多个script代码段（用script标签脱离的js代码或引入的js文件），它们的运行次序是：

1. 读入第一个代码段（js执行引擎并非一行一行地执行措施，而是一段一段地说明执行的）
2. 做词法说明和语法说明，有错则报语法错误（好比括号不匹配等），并跳转到步调5
3. 对【var】变量和【function】界说做“预理会“（永久不会报错的，由于只理会正确的声明）
4. 执行代码段，有错则报错（好比变量未界说）
5. 假如尚有下一个代码段，则读入下一个代码段，一再步调2
6. 竣事

2、非凡声名

全局域（window）域下全部JS代码可以被当作是一个“匿名要领“，它会被自动执行，而此“匿名要领“内的其余要领例是在被表现挪用的时辰才被执行

3、要害步调

上面的进程，我们首要是分成两个阶段

javascript理会：就是通过语法说明和预理会结构正当的语法说明树。
javascript执行：执行详细的某个function，JS引擎在执行每个函数实例时，城市建设一个执行情形（ExecutionContext）和勾当工具（activeObject）（它们属于宿主工具，与函数实例的生命周期保持同等）

3、要害观念

到这里，我们再更夸大以下一些观念，这些观念城市在下面用一个一个的实体来暗示，便于各人领略

语法说明树（SyntaxTree）：可以直观地暗示出这段代码的相干信息,详细的实现就是JS引擎建设了一些表，用来记录每个要领内的变量集（variables），要领集（functions）和浸染域（scope）等。

执行情形（ExecutionContext）：可领略为一个记录当前执行的要领【外部描写信息】的工具,记录所执行要领的范例，名称，参数和勾当工具（activeObject）。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!