Object - 对Object类的扩展

Prototype对Object类进行的扩展主要通过一个静态函数Object.extend(destination, source)实现了JavaScript中的继承。 从语义的角度, Object.extend(destination, source)方法有些不和逻辑, 因为它事实上仅仅实现了从源对象到目标对象的全息拷贝。不过你也可以这样认为：由于目标对象拥有了所有源对象所拥有的特性, 所以看上去就像目标对象继承了源对象(并加以扩展)一样。 另外, Prototype对Object扩展了几个比较有用的静态方法, 所有其他的类可以通过调用这些静态方法获取支持。

Source View - 源码解析

Object.extend = function(destination, source) {  // 一个静态方法表示继承, 目标对象将拥有源对象的所有属性和方法
  for (var property in source) {
    destination[property] = source[property];   // 利用动态语言的特性, 通过赋值动态添加属性与方法
  }
  return destination;   // 返回扩展后的对象
}

Object.extend(Object, { 
  inspect: function(object) {   // 一个静态方法, 传入一个对象, 返回对象的字符串表示
    try {
      if (object == undefined) return 'undefined';  // 处理undefined情况
      if (object == null) return 'null';     // 处理null情况
      // 如果对象定义了inspect方法, 则调用该方法返回, 否则返回对象的toString()值
      return object.inspect ? object.inspect() : object.toString(); 
    } catch (e) {
      if (e instanceof RangeError) return '...';  // 处理异常情况
      throw e;
    }
  },
  keys: function(object) {     // 一个静态方法, 传入一个对象, 返回该对象中所有的属性, 构成数组返回
    var keys = [];
    for (var property in object)
      keys.push(property);     // 将每个属性压入到一个数组中
    return keys;
  },
  values: function(object) {   // 一个静态方法, 传入一个对象, 返回该对象中所有属性所对应的值, 构成数组返回
    var values = [];
    for (var property in object)
      values.push(object[property]);   // 将每个属性的值压入到一个数组中
    return values;
  },
  clone: function(object) {    // 一个静态方法, 传入一个对象, 克隆一个新对象并返回
    return Object.extend({}, object);
  }
});

Field & Function Reference - 属性方法一览

Object ( 静态 ) - 扩展

Method / Property	Kind	Arguments	Description
extend(destination, source)	静态方法	任意对象
inspect(object)	静态方法	任意对象
keys(object)	静态方法	任意对象
values(object)	静态方法	任意对象
clone(object)	静态方法	任意对象

Analysis & Usage - 分析与使用

Object.extend(destination, source)是Prototype实现的一个静态方法, 在JavaScript中模拟了继承。 事实上, 这个方法的语义更加倾向于：动态地为某个对象添加属性或方法。这个函数贯穿了整个Prototype的框架, 虽然核心思想是一致的, 但是在使用中还是能够看到一些不同之处, 这些不同之处很微小但是却值得一提。

1. 扩展现有对象的功能 - 为他们添加新的函数

Object.extend(Number.prototype, {
  toColorPart: function() {
    var digits = this.toString(16);
    if (this < 16) return '0' + digits;
    return digits;
  },
  ......
});

这是非常典型的对Number类的扩展, 为Number.prototype加入了一些额外的函数, 从而每个Number对象的实例都拥有这些方法。

2. 定义并实现抽象类

var Enumerable = {
  each: function(iterator) {
    var index = 0;
    try {
      this._each(function(value) {
        try {
          iterator(value, index++);
        } catch (e) {
          if (e != $continue) throw e;
        }
      });
    } catch (e) {
      if (e != $break) throw e;
    }
  },
  ......
}
Object.extend(Array.prototype, Enumerable);
Object.extend(Array.prototype, {
  _each: function(iterator) {
    for (var i = 0; i < this.length; i++)
      iterator(this[i]);
  },
  ......
}

这是Prototype中的代码段, 它向我们展示了定义并实现抽象类的完整过程。这里首先定义了一个Enumerable类, 这是一个抽象类。这个抽象类的内部, 有一个_each方法被调用来完成一些逻辑。但是在整个Enumerable的范围内, 你无法找到_each方法的具体实现。 也就是说, Enumerable是一个抽象类, 具有一个_each的抽象函数。 所以, 如果你还没有实现_each这个抽象函数, 你是无法直接使用Enumerable类的。 之后的代码就比较明朗了, 使用Object.extend方法, 将所有Enumerable的函数复制给Array.prototype, 然后在Array.prototype中实现_each方法, 这样就使得Array对象具备了Enumerable这个抽象类的所有特性。