เหตุใด“ ใช้เข้มงวด” ปรับปรุงประสิทธิภาพ 10x ในตัวอย่างนี้

ต่อไปนี้เป็นคำถามที่ขยายประสิทธิภาพ String.prototypeฉันกำลังทึ่งจริงๆเพราะเพียงการเพิ่ม"use strict"กับString.prototypeประสิทธิภาพการทำงานวิธีการที่ดีขึ้น 10 ครั้ง คำอธิบายโดยbergiเป็นระยะสั้นและไม่ได้อธิบายให้ฉัน ทำไมถึงมีความแตกต่างอย่างมากระหว่างสองวิธีที่เหมือนกันเกือบจะแตกต่างกัน"use strict"ที่ด้านบนเท่านั้น? คุณสามารถอธิบายรายละเอียดเพิ่มเติมและทฤษฎีที่อยู่เบื้องหลังสิ่งนี้ได้ไหม?

String.prototype.count = function(char) {
  var n = 0;
  for (var i = 0; i < this.length; i++)
    if (this[i] == char) n++;
  return n;
};

String.prototype.count_strict = function(char) {
  "use strict";
  var n = 0;
  for (var i = 0; i < this.length; i++)
    if (this[i] == char) n++;
  return n;
};
// Here is how I measued speed, using Node.js 6.1.0

var STR = '0110101110010110100111010011101010101111110001010110010101011101101010101010111111000';
var REP = 1e4;

console.time('proto');
for (var i = 0; i < REP; i++) STR.count('1');
console.timeEnd('proto');

console.time('proto-strict');
for (var i = 0; i < REP; i++) STR.count_strict('1');
console.timeEnd('proto-strict');

ผลลัพธ์:

proto: 101 ms
proto-strict: 7.5 ms

ในโหมดเข้มงวดthisบริบทไม่ได้ถูกบังคับให้เป็นวัตถุ ถ้าคุณเรียกใช้ฟังก์ชันบนวัตถุที่ไม่ใช่thisก็จะไม่ใช่วัตถุ

ในทางตรงกันข้ามในโหมดที่ไม่เข้มงวดthisบริบทจะถูกรวมไว้ในวัตถุก่อนเสมอหากยังไม่ได้เป็นวัตถุ ตัวอย่างเช่นการ(42).toString()แรป42ในNumberวัตถุก่อนแล้วจึงเรียกNumber.prototype.toStringด้วยNumberวัตถุเป็นthisบริบท ในโหมดเข้มงวดthisบริบทที่เหลือโทรแตะต้องและเพียงแค่Number.prototype.toStringมี42เป็นthisบริบท

(function() {
  console.log(typeof this);
}).call(42); // 'object'

(function() {
  'use strict';
  console.log(typeof this);
}).call(42); // 'number'

ในกรณีของคุณรุ่นของโหมดที่ไม่เข้มงวดใช้เวลามากในการห่อเวลาและแกะดั้งเดิมstringเข้าไปในStringห่อวัตถุและด้านหลัง ในขณะที่รุ่นโหมดเข้มงวดจะทำงานโดยตรงกับรุ่นดั้งเดิมstringซึ่งจะปรับปรุงประสิทธิภาพ