javascript - 是否可以将方法附加到没有原型(prototype)属性的构造函数/函数？

Question

function DoIHavePrototype()
{
    var a = 10;
}

CheckIt = new DoIHavePrototype();

DoIHavePrototype.prototype.GetFnName = function()
{
    return "DoIHavePrototype"
}

alert(CheckIt.GetFnName())

在上面的代码中，我观察到原型(prototype)是函数的内置属性，我们可以使用它向函数附加属性/方法。

但是如果我删除上面代码中的原型(prototype)关键字，如下所示:

DoIHavePrototype.GetFnName = function()
    {
        return "DoIHavePrototype"
    }

我在函数定义中没有收到错误，但在调用方法时却收到错误 警报(CheckIt.GetFnName())为“CheckIt.GetFnName不是一个函数”

JS 解释器认为这是什么？

Answer 1

为了能够调用对象上的某些函数或方法，有 4 种方法将其引入对象。

第一种方法是您在原始代码中所做的，即将函数分配给对象原型(prototype):

Foo.prototype.myFunc = function () { .... }

另一种方法是在构造函数中将其分配给 this。

function Foo() {
  this.myFunc = function () { .... }
}

我们也可以直接将其分配给实例:

var foo = new Foo();
var myFunc = function () { .... }
foo.myFunc = myFunc

最后，我们可以将函数绑定(bind)到实例:

var foo = new Foo();
var myFunc = function () { .... }
var myFuncFoo = myFunc.bind(foo)

最后一种情况有点特殊，因为我们有一个函数，它不是实例的属性，但其行为类似于实例方法，因为它的调用上下文附加到实例。

定义实例方法的最常见方法是分配给原型(prototype)。构造函数上的 prototype 属性是实例继承的属性，因此这就是我们放置内容的地方。请务必记住，实例继承自 prototype 属性，而不是构造函数。将任何内容分配给构造函数属性并不使其可用作实例属性。

如果我们想要绑定(bind)一个方法，有时可以使用对 this 的赋值。例如:

function Foo() {
  this.boundMeth = this.meth.bind(this)
  this.val = "foo"
}

Foo.prototype.meth = function () { 
  console.log(this.val)
}

如果我们想要将 instance.boundMeth() 作为值传递给另一个函数(例如，事件处理程序)，这非常有用。在 JavaScript 中，与许多 OO 语言不同，方法是未绑定(bind)的:

// Using Foo from the previous example

function runner(fn) {
  fn()
}
var obj = new Foo()

runner(obj.meth)  // Logs `undefined`
runner(obj.boundMeth) // Logs `foo`

给构造函数原型(prototype)赋值时，可以批量赋值:

Foo.prototype = {
  meth1: function () { .... },
  meth2: function () { .... },
}

如果你使用ES6，还可以使用class关键字:

class Foo {
  myFunc() { .... }
}

这与 Foo.prototype.myFunc = function () { .... } 相同。