除了`goog.inherits()`之外,为什么`goog.base(this)`是必要的？

Question

在这个涉及构造函数的Google Closure javascript代码片段中,为什么有goog.base(this);必要？还没有Foo从Disposable继承goog.inherits(foo, goog.Disposable);吗？

goog.provide('Foo');

/**
 * @constructor
 * @extends {goog.Disposable}
 */
Foo = function() {
  goog.base(this);
}     
goog.inherits(foo, goog.Disposable);

foo.prototype.doSomething = function(){
  ...
}

foo.prototype.disposeInternal = function(){
  ...
}

Answer 1

goog.inherits(childConstructor,parentConstructor)

goog.inherits()建立从子构造函数到父构造函数的原型链.

/**
 * Inherit the prototype methods from one constructor into another.
 * @param {Function} childCtor Child class.
 * @param {Function} parentCtor Parent class.
 */
goog.inherits = function(childCtor, parentCtor) {
  /** @constructor */
  function tempCtor() {};
  tempCtor.prototype = parentCtor.prototype;
  childCtor.superClass_ = parentCtor.prototype;
  childCtor.prototype = new tempCtor();
  /** @override */
  childCtor.prototype.constructor = childCtor;
};

除了原型属性之外,构造函数可能具有"自己的"属性(即添加了特定于实例的属性this).由于goog.inherits() 不调用父构造函数,因此不会将自己的属性复制到子构造函数,并且不会执行父级中的任何初始化代码.由于这些原因,标准模式是链式构造函数,如下例所示.

/**
 * @param {string} name The parent's name.
 * @constructor
 */
var Parent = function(name) {
  /**
   * @type {string}
   * @private
   */
  this.name_ = name;
}

/**
 * @param {string} name The child's name.
 * @constructor
 * @extends {Parent}
 */
var Child = function(name) {
  Parent.call(this, name);
}
goog.inherits(Child, Parent);

goog.base(self,opt_methodName,var_args)

goog.base()是一个用于调用父方法的辅助函数,因此您不需要显式地使用call()或apply().

如果从构造函数调用[goog.base()],则会调用带有参数1-N的超类构造函数.

如果从原型方法调用此方法,则必须将方法的名称作为第二个参数传递给此函数.如果不这样做,您将收到运行时错误.这将使用参数2-N调用超类'方法.

此函数仅在您用于goog.inherits表示类之间的继承关系时才有效.

在Closure代码中,通常链接构造函数goog.base()而不是显式调用父构造函数.

/**
 * @param {string} name The child's name.
 * @constructor
 * @extends {Parent}
 */
var Child = function(name) {
  goog.base(this, name);
}
goog.inherits(Child, Parent);

进一步阅读

• JavaScript中的继承模式作者:Michael Bolin
• 由Michael Bolin 检查goog.base()
• 关闭: Michael Bolin 的权威指南
• Stoyan Stefanov的JavaScript模式(参见第6章:"代码重用模式",用于详细分析用于实现的模式goog.inherits()-经典模式#5 - 临时构造函数)