JavaScript'te derin bir nesne yavaş mıdır? Eğer öyleyse ne kadar

Question

Basit soru: daha sığ bir nesne üzerinde sığ bir nesne kullanmanın bir yararı var mı? Bir kod yazdığımda, derin bir nesneyi kullanma eğilimindeyim, böylece anlaşılması ve sınıflandırılması kolaydır. Ama bu gelenek benim kodumu yavaşlatıyor mu diye merak ediyorum.

Bir test yaptım, ancak doğru yapıp yapmadığımı bilmiyorum.

sonucu

//building necessary objects 
 
var a = {}; 
 
var b; 
 
b = a; 
 
for (var i = 0; i < 100; i++) { 
 
    b["a"] = {}; 
 
    b = b["a"]; 
 
} 
 
var c = {}; 
 

 
//objects used 
 
//a.a.a. ..(101 "a"s).. .a === {} 
 
//c === {} 
 

 
//1st test: shallow 
 
var d; 
 
var start = performance.now(); 
 
for (var i = 0; i < 1000000000; i++) { 
 
    d = c; 
 
    d = null; 
 
} 
 
var end = performance.now(); 
 
console.log('Shallow: ' + (end - start)); 
 

 
//2nd test: deeper 
 
var e; 
 
var start = performance.now(); 
 
for (var i = 0; i < 1000000000; i++) { 
 
    e = a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a.a; 
 
    e = null; 
 
} 
 
var end = performance.now(); 
 
console.log('Deeper: ' + (end - start));

(ms): Derin nesne için

shallow 3229 3304 3246 3253 3277 
deep 3375 3343 3247 3193 3248 

testi kat daha hızlı sığ olandan yavaş değil, hatta bazen. Sonuçlara rağmen, aynı hızda oldukları sonucuna varmak için yeterince güvenmiyorum. İkisi arasında bir fark var mı?

Answer 1

1. Sen saçma
2. Sen Date.now (kullanmaktır "gerçek kodu",) test etmek için gerçekçi olmayan kod kullanarak hangi zaman damgası için yaklaşık olduğunu ve js hızını test etmek için performance.now() kullanmalısınız. Şu anda, iyi bir test koduyla bile yanlış sonuçlar elde edersiniz.
3. JS motorları her zaman güncellenmektedir. Derin nesnelerin yavaş olduğu zamanlar oldu, artık son x yıl için bir durum değil. Yıllarca hatırlayamadığım kadar eski bir problem ya da değerli bir şey google'ı bile hatırlayamıyorum.

Answer 2

Nesneye doğrudan erişmek ve ulaşmak için daha az zaman alan bir değişkenin içinde derin nesnelerin paraya çevrilmesine izin vermek js motorunda bir optimizasyondur. Bu yüzden zincirden geçmek zorunda kalmadan onlara ulaşmak daha hızlıdır.

var a={a:{a:{}}} 
var b=a.a.a 
var c=b 
// is faster than 
var c=a.a.a 

fazla bilgi için bunu okuyun: Örneğin JavaScript Performance: Mutiple variables or one object?