Javascript中产生固定结果的函数优化技巧_javascript技巧
程序员文章站
2024-01-07 23:36:28
...
分享一个Javascript编写函数的优化技巧。
适用的函数应该要满足以下条件:
产生固定结果
页面中多次调用
复杂或较耗时
代码和分析如下:
Java代码:
//产生固定结果并且在页面中多次调用的函数
function check() {
//模拟耗时操作
var begin = Date.now(); //ECMAScript5添加的,若不支持请改成 +new Date();
var ONE_SECOND = 1000,
result = false;
while(true) {
if(Date.now() - begin >= ONE_SECOND){
result = true;
break;
}
}
//函数重写,直接返回结果
check = function() {
return result;
}
return result;
}
var firstBegin = Date.now();
check(); //第一次函数调用
var firstEnd = Date.now();
check(); //第二次函数调用
var secondEnd = Date.now();
console.log("第一次函数费时:" + (firstEnd - firstBegin) + "ms.");
console.log("第二次函数费时:" + (secondEnd - firstEnd) + "ms.");
显示结果如下:
适用的函数应该要满足以下条件:
产生固定结果
页面中多次调用
复杂或较耗时
代码和分析如下:
Java代码:
复制代码 代码如下:
//产生固定结果并且在页面中多次调用的函数
function check() {
//模拟耗时操作
var begin = Date.now(); //ECMAScript5添加的,若不支持请改成 +new Date();
var ONE_SECOND = 1000,
result = false;
while(true) {
if(Date.now() - begin >= ONE_SECOND){
result = true;
break;
}
}
//函数重写,直接返回结果
check = function() {
return result;
}
return result;
}
var firstBegin = Date.now();
check(); //第一次函数调用
var firstEnd = Date.now();
check(); //第二次函数调用
var secondEnd = Date.now();
console.log("第一次函数费时:" + (firstEnd - firstBegin) + "ms.");
console.log("第二次函数费时:" + (secondEnd - firstEnd) + "ms.");
显示结果如下:
推荐阅读
-
javascript提取URL的搜索字符串中的参数(自定义函数实现)_javascript技巧
-
js类中获取外部函数名的方法_javascript技巧
-
Javascript 函数中的参数使用分析_javascript技巧
-
JavaScript中全局变量、函数内变量以及常量表达式的效率测试_javascript技巧
-
Javascript-Mozilla和IE中的一个函数直接量的问题分析_javascript技巧
-
Javascript中Eval函数的使用说明_javascript技巧
-
JavaScript中各种编码解码函数的区别和注意事项_javascript技巧
-
javascript中bind函数的作用实例介绍_javascript技巧
-
JS中setInterval、setTimeout不能传递带参数的函数的解决方案_javascript技巧
-
Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试_javascript技巧