1. prototype属性不仅可以定义构造函数的属性和方法, 还可以为本地对象添加属性和方法。
2. 通过已有的方法创建新方法
2.1. 可以用prototype属性为任何已有的类定义新方法, 就像处理自己的类一样。例如, 还记得Number类的toString()方法吗?如果给它传递参数16, 它将输出十六进制的字符串。如果这个方法的参数是 2, 那么它将输出二进制的字符串。我们可以创建一个方法, 可以把数字对象直接转换为十六进制字符串。创建这个方法非常简单:
Number.prototype.toHexString = function() {
return this.toString(16);
};
2.2. 在此环境中, 关键字this指向Number的实例, 因此可完全访问Number的所有方法。有了这段代码, 可实现下面的操作:
var num = 15;
alert(num.toHexString()); // 输出"F"
3. 重命名已有方法
3.1. 我们还可以为已有的方法命名更易懂的名称。例如, 可以给Array类添加两个方法enqueue()和dequeue(), 只让它们反复调用已有的push()和shift()方法即可:
Array.prototype.enqueue = function(item) {
this.push(item);
};
Array.prototype.dequeue = function() {
return this.shift();
};
4. 添加与已有方法无关的方法
4.1. 当然, 还可以添加与已有方法无关的方法。例如, 假设要判断某个项在数组中的位置, 没有本地方法可以做这种事情。我们可以轻松地创建下面的方法:
Array.prototype.indexOf = function (item) {
for (let i=0; i<this.length; i++) {
if (item== this[i]) {
return i;
}
}
return -1;
}
4.2. 该方法indexOf()与String类的同名方法保持一致, 在数组中检索每个项, 直到发现与传进来的项相同的项目为止。如果找到相同的项, 则返回该项的位置, 否则, 返回-1。有了这种定义, 我们可以编写下面的代码:
var colors = new Array("red", "green", "blue");
alert(colors.indexOf("green")); // 输出"1"
5. 为本地对象添加新方法
5.1. 最后, 如果想给JavaScript中每个本地对象添加新方法, 必须在Object对象的prototype属性上定义它。所有本地对象都继承了Object对象, 所以对Object 对象做任何改变, 都会反应在所有本地对象上。例如, 如果想添加一个用警告输出对象的当前值的方法, 可以采用下面的代码:
Object.prototype.showValue = function () {
alert(this.valueOf());
};
var str = "hello";
var num = 25;
str.showValue(); // 输出"hello"
num.showValue(); // 输出"25"
5.2. 这里, String和Number对象都从Object对象继承了showValue()方法, 分别在它们的对象上调用该方法, 将显示"hello"和"25"。
6. 重定义已有方法
6.1. 就像能给已有的类定义新方法一样, 也可重定义已有的方法。函数名只是指向函数的指针, 因此可以轻松地指向其他函数。如果修改了本地方法, 如toString(), 会出现什么情况呢?
Function.prototype.toString = function() {
return "Function code hidden";
}
6.2. 前面的代码完全合法, 运行结果完全符合预期:
function sayHi() {
alert("hi");
}
alert(sayHi.toString()); // 输出"Function code hidden"
6.3. Function对象的toString()方法通常输出的是函数的源代码。覆盖该方法, 可以返回另一个字符串(在这个例子中, 可以返回"Function code hidden")。不过, toString()指向的原始函数怎么了呢?它将被无用存储单元回收程序回收, 因为它被完全废弃了。没有能够恢复原始函数的方法, 所以在覆盖原始方法前, 比较安全的做法是存储它的指针, 以便以后的使用。有时你甚至可能在新方法中调用原始方法:
Function.prototype.originalToString = Function.prototype.toString;
Function.prototype.toString = function() {
if (this.originalToString().length > 100) {
return "Function too long to display.";
} else {
return this.originalToString();
}
};
6.4. 在这段代码中, 第一行代码把对当前toString()方法的引用保存在属性originalToString中。然后用定制的方法覆盖了toString()方法。新方法将检查该函数源代码的长度是否大于 100。如果是, 就返回错误信息, 说明该函数代码太长, 否则调用 originalToString()方法, 返回函数的源代码。