深度对象在JavaScript中运行缓慢吗？ 如果有的话

Question

一个简单的问题：在较深的物体上使用浅物体有好处吗？ 在编写代码时，我倾向于使用深层对象，以便易于理解和分类。 但是我想知道这个习惯是否会使我的代码变慢。

我已经做了测试，但是我不知道我做得是否正确。

 //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 //aaa ..(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 = aaaaaaaaaaaaaaaaaaaaa.aaaaaaaaaaaaaaaaaaaaa.aaaaaaaaaaaaaaaaaaaaa.aaaaaaaaaaaaaaaaaaaaa.aaaaaaaaaaaaaaaaa; e = null; } var end = performance.now(); console.log('Deeper: ' + (end - start)); 

结果（毫秒）：

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

深层物体的测试时间并不慢，但有时甚至比浅层物体还要快。 尽管有结果，但我不足以得出结论，他们的速度相同。 他们两个之间有什么区别吗？

Answer 1

1. 您正在使用不真实的代码来测试“真实代码”，这是胡说八道
2. 您使用Date.now（）近似于时间戳，并且应该使用performance.now（）测试js速度。 当前，即使具有良好的测试代码，您也会得到错误的结果。
3. JS引擎一直在更新。 有时深层物体的速度很慢，在最近的x年中已经不再是这种情况。 这是一个古老的问题，我什至不记得岁月了，或者谷歌搜索任何有价值的东西。

Answer 2

这是js引擎中的一种优化，可以直接访问对象，并允许将较深的对象转换为变量，从而节省了花费的时间。 因此，无需遍历整个链条即可更快地访问它们。 例如：

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

有关更多信息，请阅读： JavaScript性能：是多个变量还是一个对象？