Javascript 增强基本类型（原型继承）

Question

我刚刚开始阅读 Douglas Crockford 的“Javascript The Good parts”，其中他解释了增强基本类型。

Function.prototype.addMethod=function(name,func) {
    this.prototype[name]=func; 
    return this; 
};

执行此操作后，addMethod 就可用于所有基本对象，例如 String、Number 等。我很困惑

1. 为什么当我没有将其添加到Object.prototype时会发生这种情况？

2. 为什么向 Function.prototype 添加方法会反映在所有基本对象中？

Answer 1

他可能的意思是，执行此操作后，addMethod 对所有基本对象 对象类型（例如 String、Number 等）可用。这是因为 String 对象是一个函数（但是String 创建的对象不是）。

例如，给定

var s = '';

You can do

String.addMethod(...);

but not

s.addMethod(...);

JavaScript 类型系统的简要说明如下：

JavaScript 没有正常的类概念。相反，您可以通过在调用函数时将 new 关键字放在函数前面，将任何函数转换为构造函数来实现相同的效果。

例如：

function MyFunction(x) { this.myX = x; }

如果您调用它，

var myObj = new MyFunction(10);

它将创建一个名为 myObj 的对象。该对象将有一个名为 myX 的成员变量。函数 MyFunction 被认为是对象的构造函数（并存储在“构造函数”属性中。

（额外问题：如果您在不使用 new 关键字的情况下调用上面的函数，即 var x = MyFunction(10) 会发生什么）答案可能会让任何明智的人感到惊讶。）

现在您已经看到了如何将任意函数转换为构造函数，内置对象是完全相同的，字符串对象是由函数 String、数字创建的。是由函数 Number 创建的，等等。

这些内置对象是由函数创建的一样，每个函数也是由“Function”函数创建的（哎呀！）

就像

。你在某处编写

MyFunction.prototype.someNewMethod = function() {}

由 MyFunction 构造函数/函数创建的所有对象似乎都有一个名为 someNewMethod 的额外成员函数。你可以使用原型做许多其他时髦的事情，例如替换原型，或替换原型的原型，但我不是一个。这方面的专家。

Answer 2

在面向对象的 javascript 中，函数可以充当类和类。构造函数。因此，如果您的类名为 MyObject，您可以执行以下操作：

// create a class/constructor
function MyObject() {
   // ...
}

// add a static method to the MyObject class
MyObject.someFunction = function() {
   // ...
}

// add an instance method to the MyObject Class
MyObject.prototype.someFunction = function() {
   // ...
}

在您的示例中，addMethod 作为实例方法添加到 Function 类，这意味着它可用于 Function 的所有实例。 MyObject 函数/类/构造函数是 Function 的实例，因此您可以对其调用 addMethod 。这适用于大多数对象类型，但不适用于 IE 和其他一些浏览器中的 HTMLElements。

Answer 3

1. JavaScript 中的函数是对象。所有对象都有一个隐藏链接
   到 Object.prototype。因此对于第一个声明：

   <前><代码>> `Function.prototype.addMethod=函数（名称，func）{}

   您已经声明了一个链接到 Function.prototype 的函数，而 Function.prototype 本身又链接到 Object.prototype。

2. 对于第二部分，它只是一个赋值，您将名称值对设置为 Object.prototype 并将 add 方法返回到所有 String、Number 对象，因为它们都是在原型中声明的。