Unterschied zwischen `new function() {this.x = 1}` und `{x: 1}`

Question

var Foo = new function(){ 
    this.A = 1; 
    this.B = 2; 
}; 
var Bar = { 
    A: 1, 
    B: 2 
}; 
typeof Foo === "object" 
typeof Bar === "object" 

Was ist der Unterschied zwischen den beiden?

Ich fand nur ihre __proto__ Objekte anders sein:

Answer 1

Die erste ist eine Funktion Konstruktor, der ein Funktionsobjekt ausgibt (was zu Foo zugeordnet ist), und der andere ist nur eine einfache Javascript-Objekt.

Answer 2

In Javascript sind alle Funktionen Objekte. Und in Ihrem Fall sind Foo und Bar gleich, aber Sie können das erste konstruieren.

Auf dem gleichen Grund, würde ich sagen, dass der Schlüssel Einsicht mit Konstruktorfunktionen in diesem Fall ist, dass wenn wir haben:

function myFoo(){ 
    this.A = 1; 
    this.B = 2; 
}; 

dann

var Foo1 = new myFoo(); 

die diese Kontext Foo ist .

var Foo2 = myFoo(); 

die dies an den aktuellen Kontext gebunden ist, (hat bedeutet, dass Sie tatsächlich Fenster = 1) das Fensterobjekt in diesem Fall.

Eine ausführlichere Beschreibung finden Sie in der MDN-Dokumentation.

Function

Constructor

new operator

Answer 3

Erste Notiz it's irrelevant that you omitted the parentheses when calling your anonymous function with new. JSLint wird dich anschreien, weil es verwirrend ist, das zu tun, aber genau das passiert.

Ich bin ziemlich sicher, dass der interne Prototyp der einzige Unterschied ist. Es kann einfacher sein, dies so zu schreiben, wie es normalerweise verwendet wird.

var Car = function() { 
    this.seats = 4; 
}; 

var car1 = new Car(); 
var car2 = { 
    seats: 4 
}; 

Lektüre dieses es ist mir klar, dass car1 ist ein Objekt, dessen interne Prototyp ist Car - die in Ihrem Fall ist eine anonyme Funktion nicht direkt von einer Variablen gehalten - und car2 ist ein Objekt, dessen interne Prototyp ist Gegenstand.

Answer 4

OK:

var Foo = new function(){ 
    this.A = 1; 
    this.B = 2; 
}; 

Wir var Foo = neweine Funktion — haben, was bedeutet, dass die Laufzeit dieser Funktion mit this Satz zu einem neu errichteten Objekt internen Prototyp dessen wird auf die aufruft Link gesetzt Wert der "Prototyp" -Eigenschaft dieser Funktion. Da dies nur eine anonyme Funktion ist, die direkt bei der Initialisierung instanziiert wird, ist ihre "Prototyp" -Eigenschaft nur ein einfaches leeres Objekt, so dass sie wirklich nichts bewirkt. Die Konstruktorfunktion initialisiert zwei Eigenschaften des neuen Objekts, und dieses neue Objekt ist der zurückgegebene Wert aus dem Ausdruck new.Daher wird Foo ein Verweis auf dieses konstruierte Objekt zugewiesen, und das Objekt verfügt über einige zugewiesene Eigenschaften. Es hat auch eine Prototypkette, die das leere Objekt von der anonymen Konstruktorfunktion enthält und danach den vom Objekterbauer geerbten Prototyp.

darin:

var Bar = { 
    A: 1, 
    B: 2 
}; 

wir haben eine variable (Bar) mit dem Ergebnis eines Objektinitialisierer Ausdruck festgelegt wird. Dadurch wird immer ein einfaches Objekt erstellt, das nur vom Objektprototyp erbt. Das Objekt Foo unterscheidet sich nur dadurch, dass das Objekt Foo in seiner Prototypkette ein zusätzliches (leeres) Objekt enthält.

So:

• Foo wird ist ein Ebene Objekt am Ende, keine Funktion.
• Bar wird auch ein einfaches Objekt, mehr offensichtlich keine Funktion.
• Foo und Bar werden ähnlich aber nicht identisch (na ja, zwei verschiedene Objekte sind nie gleich, aber ich mein in Bezug auf ihren besonderen Eigenschaften), weil Foo, dass zusätzliches leeres Objekt in seiner Prototypkette hat.