是否有可能将方法追加到没有prototype属性的构造函数/函数中？

问题描述：

function DoIHavePrototype() 
{ 
    var a = 10; 
} 

CheckIt = new DoIHavePrototype(); 

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

alert(CheckIt.GetFnName())

在上面的代码中，我观察到原型是函数的内置属性，我们可以使用该属性将属性/方法附加到函数中。是否有可能将方法追加到没有prototype属性的构造函数/函数中？

但如果我删除原型关键字在上面的代码如下所示：

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

我没有得到错误的函数定义，而是我得到的错误，而调用方法警报（CheckIt.GetFnName （））为“CheckIt.GetFnName不是函数”

什么是JS解释器假定这是？

如果将函数直接追加到类中，它将生成所谓的“静态方法”，您只能像在'Array.from'中那样调用您的类。所以在你的情况下，你应该像使用'DoIHavePrototype.GetFnName（）;'一样使用你的类来调用它（不是它的实例）。 – Krusader

工作就像一个charm.tnx让我知道它创建静态方法。 –

我已经创建了一个真正的答案，所以如果它回答你的问题，请考虑它作为答案。 – Krusader

答

了解这个为了能够调用一些功能的对象的方法，有4种方法将其引入到对象中。

第一种方法是你已经在你的原代码，这是对功能分配给对象的原型做了什么：

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

另一种方法是给它的构造函数中分配给this。

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

我们也可以直接将其指定为实例：

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

最后，我们可以将功能绑定到实例：

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

最后一种情况是因为有点特别我们有一个不是实例属性的函数，但它的行为像一个实例方法，因为它的调用上下文被添加到实例中。

定义实例方法的最常见方法是分配给原型。构造函数上的prototype属性是实例继承的属性，所以这就是我们放置东西的地方。请记住，实例继承自prototype属性，而不是构造函数，这一点很重要。将任何内容分配给构造函数属性都不会使其成为实例属性。

如果我们想要一个绑定的方法，有时可以使用赋值为this。例如：

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

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

如果我们想通过instance.boundMeth()作为值到另一个功能（例如，事件处理程序）这是非常有用的。在JavaScript中，与许多面向对象的语言，方法是绑定：

// Using Foo from the previous example 

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

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

当分配给构造函数的原型，您可以批量分配：

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

如果使用ES6，您还可以使用class关键字：

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

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

我不明白关于你使用绑定方法的未绑定/绑定方法的最后一个陈述，并提到关于将instance.boundMeth（）作为一个值传递给另一个函数。你可以带我通过它吗？ –

我会编辑答案来澄清。 – hayavuk

有点偏离主题，但JavaScript中的“调用上下文”意味着'this'的值根据您调用函数*而改变，而不是它定义的位置。如果你用点符号'foo.bar（）'调用任何函数，'this'就是点之前的东西。如果你没有点地调用它，'this'是未定义的（在严格模式下）或全局对象（没有严格模式）。无论您如何调用函数，bind（）函数都可以让我们更改/修改调用上下文*。（更多在这里：https://foxbunny.gitbooks.io/assimilate-js/content/this.html） – hayavuk

答

这也可以做，如果你仍然想要使用它作为实例方法。

function DoIHavePrototype() 
{ 
    var a = 10; 

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

CheckIt = new DoIHavePrototype(); 

alert(CheckIt.GetFnName())

答

如果您的附加功能直奔类就会产生所谓的static method，你可以从你的类在Array.from只能调用等。所以你的情况，你应该把它用你的类（不是它的实例），像这样DoIHavePrototype.GetFnName();

你可以MDN

是否有可能将方法追加到没有prototype属性的构造函数/函数中？

相关推荐