JS成员函数的最佳实践

Question

我正在写一个小手机游戏库，我不确定声明实例化函数对象的成员函数的最佳做法。的功能不

function Foo(id){ 
    this.id = id; 
    this.print = function(){ 
     console.log(this.id); 
    }; 
}; 

然而，这并不需要访问“私人”的成员函数：

举例来说，我可能会创建一个简单的对象有一个属性，一个方法来打印需要在函数中声明。我同样可以采写：

function print(){ 
    console.log(this.id); 
}; 

function Foo(id){ 
    this.id = id; 
    this.print = print; 
}; 

当该功能是通过富的一个实例调用，该实例成为this的背景下，这样的输出是在两种情况下是相同的。

我不完全确定如何分配内存与JS，我找不到任何我可以理解的具体事情，但在我看来，与第一个例子所有成员的Foo，包括打印函数在每次实例化时都会被复制 - 但是第二个函数只会获得一个指向预先声明的函数的指针，这会在创建更多Foo实例时节省更多内存。

我是否正确，如果我有这样做，是否有任何内存/性能好处？

Answer 1

在第一种情况下，使用Foo构造函数创建的每个对象都具有打印机功能的实例，这是正确的。一个简单的方法来避免，这是将它添加到Foo的prototype：

function Foo(id){ 
    this.id = id; 
}; 

Foo.prototype.print = function() { 
    console.log(this.id); 
}; 

或者：

function Foo(id){ 
    this.id = id; 
}; 

Foo.prototype = { 
    print: function() { 
     console.log(this.id); 
    } 
}; 

---

推荐阅读：

• Mozilla Developer Network: Inheritance and the prototype chain
• 道格拉斯·克罗克福德： JavaScript - The好的零件