JavaScript的语法要点 3 - Calling Context

上一篇讲了JavaScript的Scope Chain - 每一个函数都有一个scope chain与之关联,scope chain上有第一个对象维护着本地变量作为其属性。另外我们在JavaScript函数中经常看到this,那么this是不是scope chain上的第一个对象呢?答案是否。Scope chain是scope chain,this则是calling context,两者没有什么关系。

正如JavaScript书籍中所讲的:除了参数之外,函数调用时会有另外一个值 - 称之为invocation context (调用上下文) - 这个值用this关键字来表示。

我们到知道JavaScript函数有四种调用方式: 普通调用、作为对象方法调用、作为构造函数调用、被call/apply调用。这些调用方式的主要区别就在于它的invocation context有所不同。

函数作为一个普通函数调用的话,其invocation context是全局对象或undefined,这个JavaScript的标准中没有严格规定。

函数作为一个对象方法调用的话,其invocation context是对象,比如:

o.m = f;

o.m(); // 当f作为o的对象方法调用时,f函数体内的this指的是o。

需要注意的是,this关键字不是普通变量,它并没有作用域,因此内嵌函数的this是全局对象或undefined,比如:

var o = {

  m: function(){

    var self = this;

    console.log(this == o); // 输出为true

    f();

    function f(){

      console.log (this == o); //输出为false

      console.log (self == 0); // 输出为true

    }

  }

}

函数作为构造函数调用也十分重要,它是面向对象设计的基础:当一个函数前面有一个new关键字时,它就是构造调用。构造调用会创建一个新的空对象,对象从函数的prototype属性继承。我们称这个函数时构造函数,构造函数的invocation context是新创建的空对象。一般情况下,构造函数没必要使用return关键字,因为函数作为构造函数调用时,会隐含的返回所创建的新对象;然而如果此函数使用了return并返回一个对象时,那么新创建的对象就会被这个返回的对象代替;如果return的是值类型,那么返回值会被忽略,而真正的新建对象会被返回。

上一篇:springboot入门的一点基础


下一篇:Python的可视化包 – Matplotlib 2D图表(点图和线图,.柱状或饼状类型的图),3D图表(曲面图,散点图和柱状图)