深入 JavaScript(6) - 一静一动

时间：2014-03-03 10:58:56 阅读：496 评论：0 收藏：0 [点我收藏+]

这里是JavaScript核心的内容了. 挺多的JavaScript测试题也是围绕这个出的.

这里的一静一动指的是:

静, 词法作用域 - Lexical scoping
动, 动态绑定this的值

一、静

在JavaScript中函数有静态的词法作用域. 这是什么意思?

当我们写好了代码, 如 lexical.js , 那么此刻, 代码里的各个函数的作用域就已经确定了. 与这个函数是否被调用, 在哪儿调用, 被谁调用无关.

作用域大都被说成作用域链, 它是有层级关系的, 从顶层向底层直到全局作用域; 或者说从链头部向尾部延伸, 直到最后面的全局空间Global.

Global总在最后.

此作用域是函数的一个内部属性, 代码访问不到. 技术书籍中通常用 [[scope]] 这个名字来表示这个静态的词法作用域.

静和作用域都说了, 那么这个词法是什么?

JavaScript解释器只需要分析源代码的文本就能确定[[scope]]. 嗯..我是这么理解的

例:

(1)

var 
scope = "global";
function 
foo() {
  console.log(scope);
}
function 
bar() {
  var 
scope = "local";
  foo();
  console.log(scope);
}
 
bar();
// global
// local

(2)

var 
scope = "global",
  ns = {
    scope: "In object",
    bar: function() {
      console.log(scope); // !this.scope
    }
  };
 
ns.bar();
//result global

(3)

var 
scope = "global",
  bar = function() {
    var 
scope = "In bar";
 
    return 
function() {
      // var scope = "In anony fn";
      console.log(scope);
    };
  };
 
bar()();