Javascript和原型继承

Question

这两个语句在Javascript中有区别吗？

function p() { 
    this.do = function(){alert('cool')}; 
} 

这一个？：

function p(){}; 

p.prototype.do = function(){alert('cool')}; 

还有一件事，你为什么不能做：

function p(){}; 

p.do = function(){alert('cool')}; 

太谢谢你了！

Answer 1

从功能上讲，它们是一样的。

第一个为每个对象定义了一个函数，因此从记忆的角度来看它并不是最优的。

您可以做你在你的第三个例子展示了什么，但你不会实现你的想法：

function p(){}; 

p.do = function(){alert('cool')}; 

p.do(); // this will work 

var o = new p(); // This won't have the 'do' function because that's not how it works in javascript. 

Answer 2

鉴于你的前两个例子，假设你叫p()作为构造函数：

• 表面上，他们会表现相同

但是与第一实施例...

• 将创建用于从new p()
• [即函数]创建的每个对象一个新的，相同的功能可以访问的局部变量和参数的p()构造内部

//         p.prototype = {} 
new p(); // { do:function(){alert('cool')}; } ------^ 
new p(); // { do:function(){alert('cool')}; } ------^ 
new p(); // { do:function(){alert('cool')}; } ------^ 

和第二示例...

• 将分享从new p()
• [即函数]创建的所有对象之间放置在原型的功能将无法获得私有变量/参数在构造

//p.prototype = {do:function(){alert('cool')};} 
new p(); // {} ------^ 
new p(); // {} ------^ 
new p(); // {} ------^ 

---

第三个例子不起作用，因为在JavaScript中，函数是一个对象，所以你只需要在该对象上放置一个新的属性即可。它对该函数的调用没有影响。