在學習js過程中,經常會遇到同樣一個功能點 這樣實現也可以,那樣實現也可以。但是哪個方式最優呢?自己寫了一個簡短的proferencesCompare 函式。程式碼如下:

/**
	 * 函式效能比較
	 * @param fns 要比較的函式陣列
	 * @args 每個要比較函式在執行的時候傳入的引數,可以是陣列,或者 被呼叫後 返回陣列型別
	 * @repeatCount 每個函式重複執行的次數,多次執行 拉開差距。預設值10000
	 * 
	 * @return [{runTime:執行repeatCount次總時間,repeatCount:重複執行次數,name:函式名稱,chrome是函式名,IE由於不支援funciton.name,所以預設 fn+函式在fns中index}]
	 * */
	function proferencesCompare(fns,args,repeatCount) {
		var tmpArgs,tmpFns;
		var result = [];
		var starTime,endTime;
		var i = 0;
		var repeatCount = repeatCount || 10000;
		var isFunction = false;
		if(fns === undefined) {
			throw Error('Must have the compare funciton');
		}
 
		var typeName = typeof args;
 
		//檢測傳入的args是否能夠返回array型別資料
		if(typeName === 'function') {
			tmpArgs = args();
			isFunction = true;
		}
 
		if(typeName === 'number') {
			tmpArgs = [];
			repeatCount = args;
		}
 
		//檢測args 是否為 array
		if(Object.prototype.toString.call(tmpArgs) !== '[object Array]') {
			throw Error('The test args is must a array or a function which return the array');
		}
 
		var len = fns.length;
		for(; i < len; i++) {
			var fnName = fns[i].name || "fn" + i;
			starTime = Date.now();
			console.time(fnName);
			for(var j = 0; j < repeatCount; j++) {
				if(isFunction && (i !== 0 || j !== 0)) {
					//如果args是函式,並且迴圈是第一次進入,則不需要再執行一次。前面做args檢測時已經執行過一次
					tmpArgs = args();
				}
				fns[i].apply(this,tmpArgs);
			}
			console.timeEnd(fnName);
			endTime = Date.now();
			result.push({ runTime: endTime - starTime,repeatCount: repeatCount,name: fnName });
		}
		return result;
	}

使用例子如下:

var fn1 = function() {
		var a;
		return !a;
	}
 
var fn2 = function() {
		var a;
		return a === undefined;
	}
 
var fn3 = function() {
		var a;
		return a == undefined;
	}
 
var result = proferencesCompare([fn1,fn2,fn3,fn1],1000000000);

這個例子主要比較 對於函式中 判斷物件是否為undefined 的幾種實現方式的效能比較。

chrome:

結果顯示 其實效能差不多。

下面是其他同學的補充

快速比較程式碼執行效率的方法

測試效率可以使用Stopwatch ：

Stopwatch sw = new Stopwatch();
sw.Start();//寫在要執行的程式碼前面

sw.Stop();//寫在要執行的程式碼結尾
sw.Elapsed//得到程式碼執行時間

核心函式

int[] array = { 15,20,10,3,5};
Stopwatch sw = new Stopwatch();
sw.Start();

for (int i = 0; i < array.Length - 1; i++) {
  for (int j = i + 1; j < array.Length; j++) {
    if (array[i] > array[j]) {

      int temp = array[i];
      array[i] = array[j];
      array[j] = temp;
    }
  }
}
sw.Stop();
Console.WriteLine(sw.Elapsed);

到此這篇關於js 函式效能比較方法的文章就介紹到這了,更多相關js 函式效能內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！