javascript - 在 Object 和 Object.prototype 上分配属性有什么不同？

Question

在 Object 和 Object.prototype 上分配属性有什么不同？例如

Object.test =function(){};

和

Object.prototype.test =function(){}

Answer 1

第一个为 Object 提供了一个静态方法，它可以直接从类中调用，无需实例。例如:

Object.test =function(){
  console.log('Object test running');
};

Object.test();

另一方面，将函数分配给原型(prototype)，允许实例运行该方法:

Object.prototype.test = function() {
  console.log('test running on object ', this);
};

// don't use the object constructor, this is just an example:
const obj = new Object();
obj.test();

如果您不使用内置的 Object 可能更有意义，一切 都继承自:

function Foo() {}
Foo.checkIfFoo = function(arg) {
  return arg instanceof Foo;
};

const f = new Foo();
console.log(Foo.checkIfFoo(f));

这里，foo.checkIfFoo 是 Foo 的辅助函数，它检查传递的对象是否是 Foo 的实例 - < em>运行 checkIfFoo 不需要实例。另一方面，原型(prototype)上的函数需要一个实例来运行:

function Foo() {
  this.info = 'A Foo instance';
}
Foo.prototype.checkInfo = function() {
  console.log(this.info);
};

const f = new Foo();
f.checkInfo();

请注意，在 ES6+ 中，您可以使用 static 关键字将函数直接放在类上:

// roughly equivalent to the snippet with checkIfFoo above
class Foo {
  static checkIfFoo(arg) {
    return arg instanceof Foo;
  }
}
const f = new Foo();
console.log(Foo.checkIfFoo(f));

而标准方法缺少 static 关键字:

// roughly equivalent to the snippet with checkInfo above
class Foo {
  constructor() {
    this.info = 'A Foo instance';
  }
  checkInfo() {
    console.log(this.info);
  }
}
const f = new Foo();
f.checkInfo();