دعنا نكشف هذا اللغز عن طريق تحليل مقتطف الرمز هذا: console.log ('foo1' ، foo ، foo.length) ؛ foo.splice (2 ، 1) ؛ console.log ('foo2' ، foo ، foo.length) ؛

[كائن ، كائن ، كائن ، كائن ، كائن] 5 0: كائن 1: كائن 2: كائن 3: كائن الطول: 4 __proto__: صفيف [0] 5 (فهرس): 23 FOO2 [كائن ، كائن ، كائن ، كائن] 4 0: كائن 1: كائن 2: كائن 3: كائن الطول: 4 __proto__: Array [0]

foo = [{id: 1},{id: 2},{id: 3},{id: 4}, {id: 5}, ];
console.log('foo1', foo, foo.length);
foo.splice(2, 1);
console.log('foo2', foo, foo.length);

بينما تتلقى وحدة التحكم مرجعًا إلى الكائن بشكل متزامن ، فإنها لا تعرض خصائصها حتى تقوم بتوسيعها يدويًا.

foo = [{id: 1},{id: 2},{id: 3},{id: 4}, {id: 5}, ];
console.log('foo1', foo, foo.length);
foo.splice(2, 1);
console.log('foo2', foo, foo.length);

عند توسيع كائن بعد تعديله ، ترى القيم المحدثة بدلاً من الحالة الأصلية. يحدث هذا بشكل غير متزامن ، مما يؤدي إلى الإخراج غير المنطقي على ما يبدو. console.log (obj.foo ، obj.bar ، obj.baz) ؛) json charsing (على سبيل المثال ، console.log (json.parse (json.stringify (obj))) ؛)