{} Veya yeni Object () ile JavaScript'te boş bir nesne mi oluşturuyorsunuz?

JavaScript'te boş bir nesne oluşturmanın iki farklı yolu vardır :

var objectA = {}
var objectB = new Object()

Betik motorunun bunları işleme biçiminde herhangi bir fark var mı? Birini diğerinin üzerinde kullanmak için herhangi bir neden var mı?

Benzer şekilde, farklı sözdizimi kullanarak boş bir dizi oluşturmak da mümkündür:

var arrayA = []
var arrayB = new Array()

Nesneler

Kullanmanın bir yararı yoktur new Object();- oysa {};kodunuzu daha kompakt ve daha okunabilir hale getirebilirsiniz.

Boş nesneleri tanımlamak için teknik olarak aynıdırlar. {}Sözdizimi kısa, kıvrımlara (daha az Java imsi), ve anında nesne satır içi doldurmak için izin verir - şöyle:

var myObject = {
        title:  'Frog',
        url:    '/img/picture.jpg',
        width:  300,
        height: 200
      };

Diziler

Diziler için, benzer şekilde, küçük bir istisna dışında, new Array();aşırı kullanımın neredeyse hiçbir faydası yoktur [];:

var emptyArray = new Array(100);

undefinedbelirli durumlarda hoş / yararlı olabilecek tüm yuvaları içeren 100 öğe uzunluğunda bir dizi oluşturur .(new Array(9)).join('Na-Na ') + 'Batman!' ) .

Benim tavsiyem

1. Asla kullanmayın new Object();- daha karmaşık{}; ve aptalca görünüyor.
2. Her zaman [];- önceden tanımlanmış uzunlukta bir "boş" dizi oluşturmanız gerekmediği sürece kullanın .

Evet, bir fark var, onlar aynı değil. Aynı sonuçları alacağınız doğrudur, ancak motor her ikisi için de farklı bir şekilde çalışır. Bunlardan biri bir nesne değişmezidir ve diğeri bir yapıcıdır, javascript'te bir nesne oluşturmanın iki farklı yolu.

var objectA = {} //This is an object literal

var objectB = new Object() //This is the object constructor

JS'de her şey bir nesnedir, ancak yeni Object () ile şu şeyin farkında olmalısınız: Bir parametre alabilir ve bu parametreye bağlı olarak bir dize, bir sayı veya yalnızca boş bir nesne oluşturur.

Örneğin:, new Object(1)bir Sayı döndürür.new Object("hello")bir dize döndürürse, nesne oluşturucunun - parametreye bağlı olarak - nesne oluşturma işlemini dize, sayı vb. gibi diğer kuruculara devredebileceği anlamına gelir. Dinamik verileri yönetirken nesne yarat ..

Birçok yazar, bunun yerine belirli bir hazır gösterimi kullanabileceğinizde nesne oluşturucuyu kullanmamanızı önerir; burada oluşturduğunuz şeyin kodunuzda olmasını beklediğiniz şey olduğundan emin olabilirsiniz.

Daha fazla bilgi edinmek için javascript üzerinde gerçek gösterim ve kurucular arasındaki farklar hakkında daha fazla okuma yapmanızı öneririm.

Bunlar aynı sonuç sonucuna sahiptir, ancak basit bir sözdizimi kullanmanın bir kişinin JSON sözdizimine (JavaScript değişmez nesne sözdiziminin dize ified bir alt kümesi) alışmasına yardımcı olabileceğini ekleyebilirim, bu yüzden içine girmek iyi bir uygulama olabilir .

Başka bir şey: newoperatörü kullanmayı unutursanız küçük hatalarınız olabilir . Yani, değişmez değerleri kullanmak bu sorunu önlemenize yardımcı olacaktır.

Sonuçta, duruma ve tercihe bağlı olacaktır.

Nesne ve dizi değişmez sözdizimi {} / [], JavaScript 1.2'de tanıtıldı, bu nedenle Netscape Navigator'ın 4.0'dan önceki sürümlerinde kullanılamıyor (ve sözdizimi hatası üretecek).

Parmaklarım hala yeni Array () demeye devam ediyor, ama ben çok yaşlı bir adamım. Neyse ki Netscape 3, birçok insanın bugün düşünmesi gereken bir tarayıcı değil ...

var objectA = {}

çok daha hızlı ve benim tecrübelerime göre, daha yaygın olarak kullanıldığından, muhtemelen 'standardı' benimsemek ve yazmayı kaydetmek en iyisidir.

Buradaki{} Javascript videolarından birinde iyi bir kodlama kuralı olarak önerildiğine inanıyorum . psödoklasik kalıtım için gereklidir. şekilde bu bir klasik nesne yönelimli dil ama prototypal biri olmadığını hatırlatmak için yardımcı olur. Böylece gerçekten ihtiyacınız olan tek zaman yapıcı işlevlerini kullanmaktır. Örneğin:newvar obj = {};new

var Mammal = function (name) {
  this.name = name;
};

Mammal.prototype.get_name = function () {
  return this.name;
}

Mammal.prototype.says = function() {
  return this.saying || '';
}

Sonra şöyle kullanılır:

var aMammal = new Mammal('Me warm-blooded');
var name = aMammal.get_name();

Kullanmanın bir başka avantajı {}olarak karşı new ObjectJSON tarzı nesne değişmezleri yapmak için kullanabilirsiniz edilir.

Dizi örnekleme performansı

Uzunluğu olmayan bir dizi oluşturmak istiyorsanız:

var arr = []; daha hızlı var arr = new Array();

Belirli bir uzunlukta boş bir dizi oluşturmak istiyorsanız:

var arr = new Array(x);daha hızlıdır var arr = []; arr[x-1] = undefined;

Kıyaslamalar için aşağıdakileri tıklayın: https://jsfiddle.net/basickarl/ktbbry5b/

Ancak ikisinin de bellek ayak izini bilmiyorum, new Array()bunun daha fazla yer kapladığını hayal edebiliyorum .

Bu aslında aynı şey. Daha uygun bulduklarınızı kullanın.

Tamam , aynı şeyi yapmanın sadece 2 farklı yolu var! Biri aradı object literal, diğeri bir işlev constructor!

Ama okuyun, paylaşmak istediğim birkaç şey var:

Kullanılması {}, kodunuzu daha okunabilir hale getirirken, Objecttavsiye edilmeyen yerleşik işlevlerin veya diğer yerleşik işlevlerin örneklerini oluştururken ...

Ayrıca, Nesne işlevi parametreleri gibi bir işlev olarak alır, Object(params)ancak ... {}bir nesneyi JavaScript'te başlatmanın saf bir yoludur ...

Nesne hazır bilgisi kullanmak, kodunuzun diğer geliştiriciler için daha temiz ve okunmasını kolaylaştırır ve JavaScript'teki en iyi uygulamalarla aynı satırdadır ...

Javascript'teki Nesne neredeyse her şey olabilir, {}ancak javascript nesnelerine işaret eder, nasıl çalıştığını test etmek için javascript kodunuzda veya konsolunuzda şunları yapın:

var n = new Object(1); //Number {[[PrimitiveValue]]: 1}

Şaşırtıcı bir şekilde, bir Sayı yaratıyor!

var a = new Object([1,2,3]); //[1, 2, 3]

Ve bu bir Dizi yaratıyor!

var s = new Object('alireza'); //String {0: "a", 1: "l", 2: "i", 3: "r", 4: "e", 5: "z", 6: "a", length: 7, [[PrimitiveValue]]: "alireza"}

ve bu garip sonuç String!

Bu nedenle, bir nesne oluşturuyorsanız, standart bir koda sahip olmak ve yukarıdaki gibi herhangi bir kod kazasından kaçınmak için nesne değişmezini kullanmanız önerilir {}.