功能原型

Question

我有一个称为Observable的函数。 对于所有函数，我可以在函数上调用某些方法，即使它们不直接存在于函数中，JS也会“沿原型链向下移动”并在函数上获取方法。 这种方法的示例是' toString() '

function Observable(forEachy) {
  this._forEachy = forEachy;
}
console.log(Observable.toString()) // "function Observable(forEach) {this._forEach = forEach;}"

现在，当我将Observable.prototype设置为新对象并在该对象中定义一些方法，然后在Observable上调用这些方法时，将引发错误。

Observable.prototype = {
  forEachy: function (onNext) {
    return onNext();
  }
}
    console.log(Observable.forEachy(()=>"Hi, John")) // error: Observable.forEachy is not a function

但是我可以在原型上调用这些方法，并且效果很好。

console.log(Observable.prototype.forEachy(()=>"Hi, John")); // "Hi, John"

将新实例设置为Observable可以正常工作。

const abc = new Observable("HI");

console.log(abc.forEachy(()=>"Hello world")); // "Hello world"

拜托，为什么呢？

另外，除了将构造函数中接收到的参数传递给新创建的对象外， this._forEachy = forEachy语句this._forEachy = forEachy什么作用？

const abc = new Observable("HI");
console.log(abc._forEachy) // "HI"

Answer 1

您的示例按预期工作。 您应该考虑获取有关JavaScript中原型的更多信息。

当您将某些内容声明为Function.prototype = function(){} ，其工作方式类似于OOP编程中的方法。 在oop中，您无法调用Class.method（），可以吗？ 您必须首先创建一个实例来调用此方法。 但是，请记住，OOP和原型继承之间有很多差异。 实际上，您的“原型”不是抽象。 这是现有的对象:)

但是，如果要遵循这种方式，则可以创建class并定义static method ：

class Observable {
  static forEachy(){
    // your code here
  }
}

接着：

Observable.forEachy()