Javascript Разница между нормальной функцией и функциональным объектом

Question

В Javascript следует использовать способ создания классов (или объектов);

function MyObj() 
{ 
    this.someVar = "xyz"; 
    this.someMethod = function(){} 
} 

Простой вопрос: насколько отличается эта функция от нормальной функции JavaScript ... скажем, функция, которая добавляет 2 числа?

Answer 1

Функция не отличается. В чем разница, как вы их называете.

Например, те, имеют один и тот же эффект:

function MyObj(){ 
    this.someVar = "xyz"; 
    this.someMethod = function(){ 
     console.log(this.someVar); 
    } 
} 
var obj = new MyObj(); 
obj.someMethod(); 

и

function someMethod(){ 
    console.log(this.someVar); 
} 
function MyObj(){ 
    this.someVar = "xyz"; 
} 
var obj = new MyObj(); 
someMethod.call(obj); 

и

function someMethod(){ 
    console.log(this.someVar); 
} 
function MyObj(){ 
    this.someVar = "xyz"; 
} 
var obj = new MyObj(); 
obj.f = someMethod; 
obj.f(); 

Как помечено ваш вопрос prototypal-inheritance, я закончить, говоря, лучший способ построить вашу функцию был бы следующим:

function MyObj(){ 
    this.someVar = "xyz"; 
} 
MyObj.prototype.someMethod = function(){ 
    console.log(this.someVar); 
} 
var obj = new MyObj(); 
obj.someMethod(); 

Таким образом, все экземпляры MyObj разделяют ту же функцию и, следовательно, легче.

Answer 2

Разница заключается не столько в содержании функции, сколько в ее названии.

Если вы позвоните по номеру var myObj = new MyObj(), тогда будет создан новый объект. По условным функциям, предназначенным для использования, начинаются с заглавной буквы.

Если вы должны были вызвать функцию без ключевого слова new, то точно такие же вещи происходят внутри функции, за исключением того, что this будет глобальным объектом вместо вновь созданного объекта. Это не имеет значения в простой функции «добавить 2 числа», но может вызвать очень странные ошибки, если вы забудете об этом.

Один из способов убедиться, что это не имеет значения, если вы забыли new вызов не поставить это в верхней части вашей функции:

function MyObj() { 
    if (! (this instanceof MyObj)) { 
     return new MyObj(); 
    } 
    ... 
} 

Answer 3

Нет. Важно использовать ключевое слово new.

Смотрите здесь:

function Fun(){ 
    this.method = function(){ 
     return "Bar"; 
    } 
    return "Foo"; 
} 

var value = Fun(); // assigns the return value of Fun() to value 
alert(value); // "Foo" 
// alert(value.method()); // won't work because "Foo".method doesn't exist 

var instance = new Fun(); // assigns a new instance of Fun() to instance 
alert(instance); // [object Object] 
alert(instance.method()); // "Bar"