JavaScript new anahtar kişi o JavaScript nesne yönelimli bir programlama dili değil düşünmek eğilimindedir olarak ilk karşılaştığımız zaman oldukça kafa karıştırıcı olabilir.

• Ne oldu?
• Sorunları çözmek nedir?
• Ne zaman uygun, ne zaman değil mi?

4 şey vardır:

1. Yeni bir nesne oluşturur. Bu nesne türü, basitçenesne.
2. Bu yeni nesne iç, ulaşılmaz, ayarlar[[prototype]]yapıcı fonksiyon gibi özelliği harici erişilebilirprototip(her nesne otomatik olarak bir işlevi vardır . nesne ^em>prototipözelliği).
3. Yapıcı işlevi, this söz edildiğinde yeni oluşturulan nesneyi kullanarak yürütür.
4. Bu yapıcı işlevi olmayan ilkel bir değeri döndürür sürece yeni oluşturulan bir nesne döndürür. Bu durumda, olmayan ilkel bir değer döndürülür.

Not:yapıcı işleviolarak ifade eder new anahtar sonra işlevi

new constructorFunction(arg1, arg2)

Bu yapıldıktan sonra, eğer yeni bir nesne tanımsız bir özellik istenirse, komut nesnesinin kontrol eder[[prototype]]özelliği için nesne yerine. Bu bir JavaScript geleneksel sınıf mirası benzer nasıl alabilirim.

Bu konuda en zor Bölümü 2 Sayı noktasıdır. Her nesne (fonksiyonları dahil) iç özellik olarak adlandırılan bu[[prototype]]. Olabilirsadecenesne oluşturma sırasında da ayarlanabiliryeniileNesne.oluşturunveya edebi dayalı (fonksiyonlar Fonksiyon için varsayılan.Sayıda prototip, numaraları.prototip, vb.). Sadece okunabilirNesne.getPrototypeOf(someObject). Varhayırya da bu değeri okumak için başka bir yol.

Fonksiyonlar, gizli yanı sıra[[prototype]]tesiste, ayrıca bir özelliği varprototiperişim ve değiştirme , yaptığınız nesneler için kalıtsal özellikleri ve yöntemleri sağlamak için olabilir bu.

İşte bir örnek:

ObjMaker = function() {this.a = 'first';};
// ObjMaker is just a function, there's nothing special about it that makes 
// it a constructor.

ObjMaker.prototype.b = 'second';
// like all functions, ObjMaker has an accessible prototype property that 
// we can alter. I just added a property called 'b' to it. Like 
// all objects, ObjMaker also has an inaccessible [[prototype]] property
// that we can't do anything with

obj1 = new ObjMaker();
// 3 things just happened.
// A new, empty object was created called obj1.  At first obj1 was the same
// as {}. The [[prototype]] property of obj1 was then set to the current
// object value of the ObjMaker.prototype (if ObjMaker.prototype is later
// assigned a new object value, obj1's [[prototype]] will not change, but you
// can alter the properties of ObjMaker.prototype to add to both the
// prototype and [[prototype]]). The ObjMaker function was executed, with
// obj1 in place of this... so obj1.a was set to 'first'.

obj1.a;
// returns 'first'
obj1.b;
// obj1 doesn't have a property called 'b', so JavaScript checks 
// its [[prototype]]. Its [[prototype]] is the same as ObjMaker.prototype
// ObjMaker.prototype has a property called 'b' with value 'second'
// returns 'second'

Sınıf mirası gibi şimdi new ObjMaker() kullanarak herhangi bir nesne de 'b' özelliği. miras görünür çünkü.

Eğer bir alt sınıf gibi bir şey istiyorsanız, o zaman bunu yapmak için:

SubObjMaker = function () {};
SubObjMaker.prototype = new ObjMaker(); // note: this pattern is deprecated!
// Because we used 'new', the [[prototype]] property of SubObjMaker.prototype
// is now set to the object value of ObjMaker.prototype.
// The modern way to do this is with Object.create(), which was added in ECMAScript 5:
// SubObjMaker.prototype = Object.create(ObjMaker.prototype);

SubObjMaker.prototype.c = 'third';  
obj2 = new SubObjMaker();
// [[prototype]] property of obj2 is now set to SubObjMaker.prototype
// Remember that the [[prototype]] property of SubObjMaker.prototype
// is ObjMaker.prototype. So now obj2 has a prototype chain!
// obj2 ---> SubObjMaker.prototype ---> ObjMaker.prototype

obj2.c;
// returns 'third', from SubObjMaker.prototype

obj2.b;
// returns 'second', from ObjMaker.prototype

obj2.a;
// returns 'first', from SubObjMaker.prototype, because SubObjMaker.prototype 
// was created with the ObjMaker function, which assigned a for us

Sonunda güzel diyagramlar ile bu çok iyi açıklanmış olduğu this page, bulgu, daha önce bu konuyla ilgili saçma sapan bir ton okudum.