为什么"使用严格"会在此示例中提高性能10倍？

Question

继扩展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

Answer 1

在严格模式下,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'

在您的情况下,非严格模式版本花费大量时间将原始strings 包装和解包到String对象包装器中并返回.另一方面,严格模式版本直接适用于原语string,从而提高了性能.