JS词法作用域

原创 2016年05月31日 21:18:42

词法作用域:变量的作用域是在定义时决定而不是执行时决定,也就是说词法作用域取决于源码,通过静态分析就能确定,因此词法作用域也叫做静态作用域。 witheval除外,所以只能说JS的作用域机制非常接近词法作用域(Lexical scope)。

作用域链:词法作用域的实现机制就是作用域链(scopeChain)。作用域链是一套按名称查找(Name Lookup)的机制,首先在当前执行环境的 ActiveObject 中寻找,没找到,则顺着作用域链到父 ActiveObject 中寻找,一直找到全局调用对象(Global Object

· 变量查找规则是首先在当前执行环境的 ActiveObject 中寻找,没找到,则顺着执行环境中属性 ScopeChain 指向的 ActiveObject 中寻找,一直到 Global Objectwindow)方法执行完成后,内部变量值不会被重置,至于变量什么时候被销毁,请参考下面一条方法内变量的生存周期取决于方法实例是否存在活动引用,如没有就销毁活动对象 

在一个方法中,同名的实参,形参和变量之间是引用关系,也就是JS引擎的处理是同名变量和形参都引用同一个内存地址】,

 

经典案例

1. /*全局(window)域下的一段代码*/

2. var i=10;

3. function a(){

4. alert(i);

5. vari = 2;

6. alert(i);

7. };

8. a();

疑问:上面的代码又会输出什么呢?(小子,看这回整不死你!哇哈哈,就不给你选项)
答案:在FireBug中的运行结果是 undefined, 2,下面简单说一下具体执行过程

1. 第一个alert输出undefined

2. 第二个alert输出 2

3. 思考:到底怎么回事儿? 

 

根据【JS引擎变量查找规则,首先在当前执行环境的 ActiveObject 中寻找,没找到,则顺着执行环境中属性 ScopeChain 指向的 ActiveObject 中寻找,一直到 Global Objectwindow)】,所以在案例中,因为在当前的ActiveObject中找到了有变量 i 的定义,只是值为 “undefined”,所以直接输出 “undefined”

[javascript] view plain copy 

1. <pre name="code" class="javascript">                   <pre name="code" class="javascript" style="font-weight: bold;">                     var name = "Andyfu";<span style="font-family: Arial, Helvetica, sans-serif;">         </span>  

[javascript] view plain copy 

1.               function init() {  

2.       

3.   

4.     function displayName() {  

5.         alert(name);  

6.     };  

7.     var name = "Mozila";  

8.                             displayName();  

9. }  

10. init();//Mosila  

 

[javascript] view plain copy 

1.                    var name = "Andyfu";  

2.   

3. function init() {  

4.     function displayName() {  

5.         alert(name);  

6.     };  

7.     displayName();  

8.     var name = "Mozila";  

9. }  

10. init(); //undefined  

[javascript] view plain copy 

1.               var name = "Andyfu";  

2. function init() {  

3.     function displayName() {  

4.         alert(name);  

5.     };  

6.     displayName();  

7.     name = "Mozila";  

8. }  

9. init(); //Andyfu  

[javascript] view plain copy 

1.                   var name = "Andyfu";  

2.   

3. function init() {  

4.     function displayName() {  

5.         alert(name);  

6.     };  

7.       

8.     name = "Mozila";  

9.     displayName();  

10. }  

11. init(); //Mozila  

[javascript] view plain copy 

1. var name = "Andyfu";  

[javascript] view plain copy 

1.                   init  {  

2.     (function() {  

3.         alert(name);  

4.     })();<span style="font-family: Arial, Helvetica, sans-serif;">//自执行函数</span>  

5.     var name = "Mozila";  

6.   

7. }  

8. init(); //undefined  

 

[javascript] view plain copy 

1.           var name = "Andyfu";  

2.   

3. function init() {  

4.     (function() {  

5.         alert(name);  

6.     })();//自执行函数  

7.       

8. name = "Mozila";  

9.   

10. }  

11. init(); //Andyfu  

[javascript] view plain copy 

1.                    var a = 10;  

2.   

3. function test() {  

4.     a = 100;  

5.     alert(a);  

6.     alert(this.a); //这里的this还是指向window,但 a = 100和var a这两句相当于var a=100

7.     var a;  

8.     alert(a);  

9. }  

10. test();//100 10 100  

[javascript] view plain copy 

1.               var a = 10;  

2.   

3. function test() {  

4.     a = 100;  

5.     alert(a);  

11.     alert(this.a);  //这里的this还是指向window,但全局的 a = 100也是指向window,把var a=10 结果覆盖 

6. 

7.     //var a;  

8.     alert(a);  

9. }  

10. test();//100 100 100  

 

[javascript] view plain copy 

1.                        var a = 10;  

2.                         alert(this.a);  

3.                         a=50;  

4. function test() {  

5.     a = 100;  

6.     alert(a);  

12.     alert(this.a);  //这里 a = 100和var a这两句相当于var a=100是局部的,但是a=50,是全局的

7. 

8.     var a;  

9.     alert(a);  

10. }  

11. test();//10 100 50 100  

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

JavaScript词法作用域(你不知道的JavaScript)

JavaScript并不是传统的块级作用域,而是函数作用域! 一、作用域 1. JavaScript引擎在代码执行前会对其进行编译,在这个过程中,像var a = 2 这样的声明会被分解成两个...
  • ligang2585116
  • ligang2585116
  • 2015年06月04日 21:20
  • 4430

理清JS中的词法、静态、动态、函数、块作用域

额刚刚写了好多,结果被我误操作覆盖掉了,我的心血 ╥﹏╥… 没关系重新写一遍,也提醒同样在这个平台写博客并且像我一样使用markdown语言码字的同学 “保存线上到草稿”是一个好习惯,嗯嗯 今天...
  • q1056843325
  • q1056843325
  • 2016年11月11日 18:52
  • 1865

JS语法作用域与词法作用域

原文地址:http://blog.csdn.net/huli870715/article/details/6387243 var ClassA = function(){ this.pr...
  • testcs_dn
  • testcs_dn
  • 2013年12月28日 16:28
  • 1694

JS闭包之词法作用域

转载自:http://ued.sohu.com/article/204 JS闭包之词法作用域 Springwang【前端技术】标签:JavaScript、执行环境、活动对象、词法作用域...
  • owenzhster
  • owenzhster
  • 2012年04月13日 14:46
  • 190

网易JS面试题与Javascript词法作用域说明

调用对象位于作用域链的前端,局部变量(在函数内部用var声明的变量)、函数参数及Arguments对象都在函数内的作用域中——这意味着它们隐藏了作用域链更上层的任何同名的属性。 2010年9...
  • dreamboycx
  • dreamboycx
  • 2015年07月03日 10:37
  • 697

[JavaScript] 你不知道的 JS (作用域 &amp; 闭包) (英文版)

  • 2014年11月27日 09:07
  • 5.06MB
  • 下载

js变量作用域

  • 2012年08月28日 11:49
  • 44KB
  • 下载

js基础之作用域

  • 2017年11月06日 09:41
  • 6KB
  • 下载

词法作用域(!!!重点)

作用域块级作用域:用一个代码块限制变量的访问区域,js不支持词法作用域:变量的作用范围,在定义的时候就已经决定,与运行时无关 即:它们在定义它们的作用域里执行,不在执行它们的作用域里执行经典面试题: ...
  • dfjdks
  • dfjdks
  • 2016年09月01日 22:22
  • 126

ECMA-262-5 词法环境:通用理论(二)--- 动态作用域

与静态作用域不同,动态作用域下,变量与值的绑定不能在词法分析阶段确定。一般来说,动态作用域中变量与值并不是通过词法环境中绑定的,而是通过一个全局的动态栈来管理的。每当遇到一个变量声明,就会把这个变量名...
  • szengtal
  • szengtal
  • 2017年12月05日 17:11
  • 61
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS词法作用域
举报原因:
原因补充:

(最多只允许输入30个字)