Javascript中产生固定结果的函数优化技巧
JavaScript 函数 优化 技巧 结果 产生 固定
2023-06-13 09:14:44 时间
分享一个Javascript编写函数的优化技巧。
适用的函数应该要满足以下条件:
产生固定结果
页面中多次调用
复杂或较耗时
代码和分析如下:
Java代码:
//产生固定结果并且在页面中多次调用的函数
functioncheck(){
//模拟耗时操作
varbegin=Date.now();//ECMAScript5添加的,若不支持请改成+newDate();
varONE_SECOND=1000,
result=false;
while(true){
if(Date.now()-begin>=ONE_SECOND){
result=true;
break;
}
}
//函数重写,直接返回结果
check=function(){
returnresult;
}
returnresult;
}
varfirstBegin=Date.now();
check();//第一次函数调用
varfirstEnd=Date.now();
check();//第二次函数调用
varsecondEnd=Date.now();
console.log("第一次函数费时:"+(firstEnd-firstBegin)+"ms.");
console.log("第二次函数费时:"+(secondEnd-firstEnd)+"ms.");
显示结果如下:
相关文章
- js高级技巧_JavaScript高级程序
- JavaScript Scripting.FileSystemObject FSO属性大全
- 【说站】javascript上下文的创建阶段
- 面试官:能用JavaScript手写一个bind函数吗
- 【面试题解】你了解JavaScript常用的的十个高阶函数么?
- [你必须知道的JavaScript]解构赋值
- JavaScript学习总结(八)——JavaScript数组详解编程语言
- JavaScript 判断输入是否为中文的函数详解编程语言
- javascript canvas拖尾效果详解编程语言
- 一些常用的Javascript函数
- Javascript中eval函数的使用方法与示例
- 比较精简的Javascript拖动效果函数代码
- 对JavaScript的eval()中使用函数的进一步讨论
- Javascript学习笔记8用JSON做原型
- javascript匿名函数的理解(透彻版)
- JavaScript中实现块作用域的方法
- javascript中字符串拼接需注意的问题
- JavaScript版DateAdd和DateDiff函数代码
- javascript中方便增删改cookie的一个类
- javascript时间函数基础介绍
- JavaScript函数惰性载入的实现及其优点介绍
- javascript中的括号()用法小结
- javascript的数组和常用函数详解
- 深入理解javascript中的立即执行函数(function(){…})()
- javascript模拟实现ajax加载框实例
- Javascript中数组sort和reverse用法分析
- 从JQuery源码分析JavaScript函数的apply方法与call方法