为什么直接在函数上添加方法不像function.prototype那样工作？

Question

我正在学习并尝试深入了解 JavaScript 对象。我通过下面的例子学习了Object prototype。

var MyObj = function(){
   this.Name = "Stackoverflow";
}

MyObj.prototype.prop = "OK"; 

var instance = new MyObj();
instance.prop = "OK";

console.log(instance.hasOwnProperty("Name")); //true
console.log(Object.getOwnPropertyNames(instance)); //[ 'Name', 'prop' ]

在上面的例子中，instance 对象不能访问getOwnPropertyNames 的Object。因为getOwnPropertyNames 函数不是Object 原型的成员。在此之后，当我编写自己的对象时，例如上面的Object，例如

var MyDream = function(){}
MyDream.prototype.canAccessThisMethod = function(x){};

var instanceSample = new MyDream();

instanceSample.canAccessThisMethod("blabla"); //because of prototype
MyDream.method(blabla); // didn't work.

如何让MyDream.method 在这个例子中工作？

Answer 1

你可以这样做，例如：

instanceSample.prototype.method = function( x ){
...
}

原型意味着方法“method”将被添加到类“MyDream”的所有对象中

Answer 2

除了解释prototypes之外，让我们专注于您在以下sn-p中提出的问题，即

var MyDream = function(){}
MyDream.prototype.canAccessThisMethod = function(x){ };

var instanceSample = new MyDream();

instanceSample.canAccessThisMethod("blabla"); //because of prototype
MyDream.method(blabla); //How can we write "MyDream.method" in this example

让我们一步一步来。

var MyDream = function(){}

您创建了一个匿名函数并将其分配给MyDream 变量。 Functions are first class objects in JavaScript。它们功能强大且灵活。因此，作为第一类对象，您可以像以前一样将它们分配给变量。您可以将它们作为参数传递。最重要的是，您还可以将原型链扩展为

MyDream.prototype.canAccessThisMethod = function(x){ };

我相信你已经弄清楚了其余的东西，所以跳过细节并快速前进到这个陈述。

MyDream.method(blabla);

很遗憾，这行不通。原因是，要添加 function as method 您需要将其分配为函数文字。你可以像Objects一样添加方法来运行。

MyDream.method = function(x) {
    console.log(x);
}

MyDream.method("bla bla");