자바스크립트에서 함수 실행 횟수를 계산하는 방법은 무엇입니까? (상해)

이 글의 내용은 자바스크립트에서 함수 실행 횟수를 계산하는 방법에 관한 것입니다. (자세한 설명) 도움이 필요한 친구들이 참고하면 좋을 것 같습니다.

1. 함수 실행 횟수 계산

기존 방법은 console.log 출력을 사용하여 출력 개수를 시각적으로 계산할 수 있습니다.

그러나 Chrome에는 숫자를 계산할 수 있는 console.count 메서드가 내장되어 있습니다. 문자열이 출력되는 횟수입니다. 이를 사용하여 함수 실행 횟수를 간접적으로 계산할 수 있습니다

function someFunction() {
 console.count('some 已经执行');
}
function otherFunction() {
 console.count('other 已经执行');
}
someFunction(); // some 已经执行: 1
someFunction(); // some 已经执行: 2
otherFunction(); // other 已经执行: 1
console.count(); // default: 1
console.count(); // default: 2

매개 변수가 없으면 기본값이고, 그렇지 않으면 문자열의 실행 횟수가 출력되므로 관찰하기 매우 편리합니다

물론, 출력 숫자 외에도 순수한 곱셈 값도 얻으려면 함수를 데코레이터로 래핑하고 객체를 내부적으로 사용하여 호출 횟수를 저장할 수 있습니다

var getFunCallTimes = (function() {
 
 // 装饰器，在当前函数执行前先执行另一个函数
 function decoratorBefore(fn, beforeFn) {
 return function() {
 var ret = beforeFn.apply(this, arguments);
 // 在前一个函数中判断，不需要执行当前函数
 if (ret !== false) {
 fn.apply(this, arguments);
 }
 };
 }
 
 // 执行次数
 var funTimes = {};
 
 // 给fun添加装饰器，fun执行前将进行计数累加
 return function(fun, funName) {
 // 存储的key值
 funName = funName || fun;
 
 // 不重复绑定，有则返回
 if (funTimes[funName]) {
 return funTimes[funName];
 }
 
 // 绑定
 funTimes[funName] = decoratorBefore(fun, function() {
 // 计数累加
 funTimes[funName].callTimes++;
 console.log('count', funTimes[funName].callTimes);
 });
 
 // 定义函数的值为计数值（初始化）
 funTimes[funName].callTimes = 0;
 return funTimes[funName];
 }
})();

function someFunction() {
 
}
function otherFunction() {
 
}
someFunction = getFunCallTimes(someFunction, 'someFunction');
someFunction(); // count 1
someFunction(); // count 2
someFunction(); // count 3
someFunction(); // count 4
console.log(someFunction.callTimes); // 4
otherFunction = getFunCallTimes(otherFunction);
otherFunction(); // count 1
console.log(otherFunction.callTimes); // 1
otherFunction(); // count 2
console.log(otherFunction.callTimes); // 2

함수 호출 횟수를 제어하는 ​​방법

클로저를 통해 함수 실행 횟수를 제어할 수도 있습니다

function someFunction() {
 console.log(1);
}
function otherFunction() {
 console.log(2);
}
function setFunCallMaxTimes(fun, times, nextFun) {
 return function() {
 if (times-- > 0) {
 // 执行函数
 return fun.apply(this, arguments);
 } else if (nextFun && typeof nextFun === 'function') {
 // 执行下一个函数
 return nextFun.apply(this, arguments);
 }
 };
}
var fun = setFunCallMaxTimes(someFunction, 3, otherFunction);
fun(); // 1
fun(); // 1
fun(); // 1
fun(); // 2
fun(); // 2

위 내용은 자바스크립트에서 함수 실행 횟수를 계산하는 방법은 무엇입니까? (상해)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!