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 ( 静态 ) - 扩展

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这个抽象类的所有特性。