Лучше ли объявлять переменные внутри или вне свойства прототипа?

Question

Какое из следующих случаев лучше для производительности или надлежащих методов?

СЛУЧАЙ # 1

function SomeClass() 
{ 
    this.someVar = null; 
    this.someFunc = function() {} 
} 

СЛУЧАЙ # 2

function SomeClass() {} 
SomeClass.prototype.someVar = null; 
SomeClass.prototype.someFunc = function() {} 

Answer 1

Я думаю, что первый из них будет быстрее

function SomeClass() 
{ 
    this.someVar = null; 
    this.someFunc = function() {} 
} 

, потому что в этом случае при обращении к someClassInstace.someFunc javascript не будет искать прототип для функции someFunc.

Answer 2

Все зависит от того, хотите ли вы, чтобы они делились между экземплярами, созданными с помощью этой функции-конструктора. Если да, поставьте их на прототип. Если вы этого не сделаете, настройте их в конструкторе.

Остерегайтесь того, что размещение ссылок на объекты/массивы на прототипе, скорее всего, вызовет вас, так как (снова) все экземпляры будут разделять эти ссылки.

Методы ввода (ссылки на функции) на прототипе являются довольно стандартной практикой.

---

Вот пример получения подножки, поставив массив на прототипе:

function MyConstructor() { 
 
}; 
 
MyConstructor.prototype.theArray = []; // Don't do this unless you're really sure 
 

 
var a = new MyConstructor(); 
 
a.theArray.push("foo"); 
 
snippet.log(a.theArray.length); // 1 -- so far, everything seems fine 
 

 
var b = new MyConstructor(); 
 
b.theArray.push("bar"); 
 
snippet.log(b.theArray.length); // 2 -- huh?!?!

<!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 --> 
 
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

Причина, конечно, является то, что как a и b использованием такой же массив: один на прототипе.

Answer 3

, если они распределены между всеми экземплярами SomeClass. Лучше объявить их в прототипе, потому что они будут использовать одну и ту же ссылку, которая уменьшает объем памяти.

но если эти свойства варьируются от экземпляра к другому, вы должны объявить его в конструкторе.

Примеры:

function SomeClass() {} 
SomeClass.prototype.someVar = null; 
SomeClass.prototype.someFunc = function() {} 

var a = new SomeClass(); 
var b = new SomeClass(); 
a.someFunc === b.someFunc //true because they share the same reference 

в конструкторе:

function SomeClass() 
{ 
    this.someVar = null; 
    this.someFunc = function() {} 
} 

var a = new SomeClass(); 
var b = new SomeClass(); 
a.someFunc === b.someFunc //false because the now have difference reference