性能-数组.forEach vs .实现版本
Performance - Array.forEach vs implemented version
我本以为原生版本会更快。
给了什么?
http://jsperf.com/native-vs-implmented-0 实施function each (obj, func, context) {
var kindex,
length;
for (kindex = 0, length = obj.length; kindex < length; kindex++) {
func.call(context, obj[kindex], kindex, obj);
}
}
测试用例// implemented
each([0,1,2,3], function(val){
val++;
})
和
// native
[0,1,2,3].forEach(function(val){
val++
})
好吧,这是如何数组。forEach在内部实现。正如您所看到的,有许多检查涉及到,而不是像您的实现那样直接。
引用https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/forEach
if ( !Array.prototype.forEach ) {
Array.prototype.forEach = function forEach( callback, thisArg ) {
var T, k;
if ( this == null ) {
throw new TypeError( "this is null or not defined" );
}
// 1. Let O be the result of calling ToObject passing the |this| value as the argument.
var O = Object(this);
// 2. Let lenValue be the result of calling the Get internal method of O with the argument "length".
// 3. Let len be ToUint32(lenValue).
var len = O.length >>> 0; // Hack to convert O.length to a UInt32
// 4. If IsCallable(callback) is false, throw a TypeError exception.
// See: http://es5.github.com/#x9.11
if ( {}.toString.call(callback) !== "[object Function]" ) {
throw new TypeError( callback + " is not a function" );
}
// 5. If thisArg was supplied, let T be thisArg; else let T be undefined.
if ( thisArg ) {
T = thisArg;
}
// 6. Let k be 0
k = 0;
// 7. Repeat, while k < len
while( k < len ) {
var kValue;
// a. Let Pk be ToString(k).
// This is implicit for LHS operands of the in operator
// b. Let kPresent be the result of calling the HasProperty internal method of O with argument Pk.
// This step can be combined with c
// c. If kPresent is true, then
if ( Object.prototype.hasOwnProperty.call(O, k) ) {
// i. Let kValue be the result of calling the Get internal method of O with argument Pk.
kValue = O[ k ];
// ii. Call the Call internal method of callback with T as the this value and
// argument list containing kValue, k, and O.
callback.call( T, kValue, k, O );
}
// d. Increase k by 1.
k++;
}
// 8. return undefined
};
}
forEach()
比您的实现做得更多。如果您不需要官方算法执行的额外工作,那么在需要原始速度时,像您这样的简单实现确实更可取。
Array.forEach
的MDN参考资料中描述了"官方"算法。
相关文章:
- 如何使用动画实现纸张推车
- 客户端服务器REST API captcha实现
- 如何实现此布局
- JS编译器/包管理器,用于版本控制
- jQuery-2.1.1.min.js或最新版本jQuery-2.13.min.js不会't支持'@
- Chrome加载旧版本的Javascript文件
- 如何使用js将SNAPSHOT内部版本号转换为3位数的整数
- Meteor忘记了密码的实现
- 如何实现数据()的非jQuery版本
- 如何在Javascript中通过版本控制实现状态同步
- 当浏览器开始实现JavaScript时,如何在支持一两个版本较旧的浏览器的同时开始使用它们
- JavaScript:任何计划在未来版本中实现线程
- 如何实现低版本android设备的SWIPE VIEW
- 如何在javascript和html中实现android低版本设备的onclick
- 试图实现d3.js版本4作为一个聚合物组件
- 在JavaScript中定义全局对象的独立于实现的版本
- IE8和更低的版本不支持HTML5.我们如何实现canvas
- 性能-数组.forEach vs .实现版本
- Java' Rhino实现实现了哪个JavaScript (ECMAScript)版本(更新策略是什么?)
- 为视力不佳的人实现网站版本的最佳解决方案