Czy używasz nowego w JavaScript, tak samo jak go nie używasz?

Question

Rozważmy następujący kod:

function klass(z) { 
    this.a = z; 
    return this; 
} 

var b = klass(5); 
var c = new klass(9);

Kiedy uruchamiam go w Chrome i sprawdzić w konsoli b okazuje się być typu DOMWindow, natomiast c jest typu klass.

Chociaż oba mają własności A, skutecznie zarówno będąc przykład z Klaß.

• Czy używasz lub nie używasz nowego, tego samego?
• Czy to samo dotyczy tego przykładu, ale różni się w innych sytuacjach?
• Czy występują różnice w wydajności lub zachowaniu?

Answer 1

Gdy funkcja jest wywoływana jak ten

klass(6); //called function invocation 

this zostanie ustawiony do globalnego obiektu, lub, jeśli jesteś w trybie ścisłym, undefined

W rezultacie pierwszy przykład (bez new) zwróci obiekt globalny z dołączoną nową właściwością a. W trybie ścisłym zostanie zgłoszony błąd, ponieważ this zostanie ustawiony na undefined, a nie można dodać właściwości a do undefined.

Po wywołaniu funkcji z new

new klass(9); //called constructor invocation 

wartość this jest ustawiony do nowego obiektu i jest niejawnie powrócił z funkcji, nie ma potrzeby, aby powiedzieć return this

kompletności , gdy wywołujesz funkcję jako metodę dla obiektu:

foo.method(); //called method invocation 

this zostanie w tym przypadku ustawiony na obiekt - foo.

A kiedy wywołanie funkcji z zastosowania (lub zadzwoń)

method.apply(foo) //called apply invocation 

this jest ustawiony na cokolwiek specify- foo ponownie

EDIT

wspominałem strict mode w mojej odpowiedzi . Strona korzysta z trybu ścisłego, jeśli na samej górze znajduje się

"use strict" 

.

Answer 2

To nie jest absolutnie takie same:

var a = klass(42); 
console.log(a.a); // 42 
var b = klass(69); 
console.log(b.a); // 69 
console.log(a.a); // 69 

Jeśli nie zadzwonić new, nie dostajesz nic nowego.

Answer 3

Bez funkcji Twoja funkcja będzie działać tylko na tym, co jest związane z this, w twoim przypadku DOMWindow. Żadne nowe wystąpienie nie zostanie utworzone, właściwość a zostanie ustawiona na obiekcie okna. Wywołanie metody dwukrotnie dłubie poprzedni wynik.

Spróbuj tego:

var b = klass(5) 
log.info(b.a) 
log.info(b == window) // b is actually the window object 
log.info(window.a) // also 5 

var c = klass(6) 
log.info(b.a)  // now set to 6 
log.info(c == b) // c and b are the same