首頁猿問 underscore源碼效率問題

underscore源碼效率問題

JavaScript

慕桂英3389331 2018-09-10 10:19:42

對underscore的調用過程還是不太明白呢，如下：調用方式一：var iterations = 1000000;console.time('#optimizeCb');for(var i = 0; i < iterations; i++ ){ _.each([1,2,3],function(val,key){}); };console.timeEnd('#optimizeCb')VM57585:7 #optimizeCb: 1791.113ms調用方式二：var iterations = 1000000;console.time('#optimizeCb');for(var i = 0; i < iterations; i++ ){ _([1,2,3]).each(function(val,key){}); };console.timeEnd('#optimizeCb')VM57586:7 #optimizeCb: 2332.177ms為啥效率差別這么大，第二種慢主要是因為有實例化過程嗎？希望大神指教呀？

查看完整描述

1 回答

30秒到達戰場

TA貢獻1828條經驗獲得超6個贊

看著好像是實例化問題，但是如果代碼這樣寫的話：

var iterations = 1000000;

console.time('#init');

var obj = _([1,2,3]);

console.timeEnd('#init');

console.time('#optimizeCb0');

for(var i = 0; i < iterations; i++ ){

obj.each(function(val,key){});

};

console.timeEnd('#optimizeCb0')

console.time('#optimizeCb');

for(var i = 0; i < iterations; i++ ){

_.each([1,2,3],function(val,key){});

};

console.timeEnd('#optimizeCb');

assign:20 #init: 0.000msassign:25 #optimizeCb0: 492.000msassign:30 #optimizeCb: 223.000ms

看輸出的時間，實例化貌似問題不大，重點在于調用_.each跟_().each的區別

我沒用過后者，跟蹤了一下源碼看其實現：

// Helper function to continue chaining intermediate results.

var result = function(instance, obj) {

return instance._chain ? _(obj).chain() : obj;

};

// Add your own custom functions to the Underscore object.

_.mixin = function(obj) {

_.each(_.functions(obj), function(name) {

var func = _[name] = obj[name];//這里遍歷的時候 name 有為each的時候

_.prototype[name] = function() {//當name='each'時，_的原型就有了each方法，此時func=_.each

var args = [this._wrapped];

push.apply(args, arguments);

return result(this, func.apply(_, args));

};

});

};

從這里也可以看出_().each實際上底層也是用了_.each,但是人家不是直接用，還多了一些賦值啊，數組push等操作，我想后者多花的時間應該出自這些操作吧。

反對回復 2018-10-31

1 回答
0 關注
512 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

underscore源碼效率問題

underscore源碼效率問題

1 回答

添加回答