`
tjuking
  • 浏览: 194901 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Javascript中产生固定结果函数的优化

阅读更多

分享一个Javascript编写函数的优化技巧。

 

适用的函数应该要满足以下条件:

  • 产生固定结果
  • 页面中多次调用
  • 复杂或较耗时

代码和分析如下:

 

//产生固定结果并且在页面中多次调用的函数
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.");
 

显示结果如下:


 

  • 大小: 10.3 KB
1
10
分享到:
评论

相关推荐

    Javascript中产生固定结果的函数优化技巧

    在本篇中,我们将详细探讨如何优化那些产生固定结果的函数。 优化的主要思想是通过缓存已经计算的结果,以避免在后续的调用中重复进行相同计算的高成本操作。这种做法特别适用于那些首次调用时消耗较多资源,但执行...

    JavaScript:固定table的表头

    7. **优化性能**:由于滚动事件频繁触发,为了防止过度渲染,可以使用`requestAnimationFrame`或者`throttle`和`debounce`技术来优化处理函数的执行。 在提供的"Fixed-Header-Table-master"压缩包文件中,可能包含...

    WindlikeUtils一个基于函数式编程思想开发的Javascript工具库

    在JavaScript的开发世界中,工具库扮演着重要的角色,它们提供了一系列方便、高效的实用函数,帮助开发者简化代码,提高工作效率。其中,“WindlikeUtils”是一个独特的存在,它以函数式编程思想为基石,确保每个...

    JavaScript 五大常见函数

    防抖是前端性能优化中的一种常见策略,它通过延迟执行函数来降低执行频率,用于处理高频事件如窗口的resize、scroll事件等,防止在短时间内多次触发导致性能问题。防抖的原理是设定一个计时器,在事件被触发时重置该...

    JavaScript高级函数应用之分时函数实例分析

    这个函数的工作原理是通过一个定时器每隔一段时间执行一次任务,每次执行任务时从数组中取出固定数量的元素执行操作,直到数组中的元素被处理完毕。在这个过程中,定时器的间隔时间(200毫秒)和每次处理的元素数量...

    JavaScript中的高级函数

    在某些情况下,我们需要固定函数执行的作用域,确保`this`总是指向我们预期的对象。这就需要函数绑定作用域。可以使用闭包或者`Function.prototype.bind`方法来实现: ```javascript function bind(fn, context) { ...

    将导航固定在顶部的javascript插件无依赖

    标题中的“将导航固定在顶部的javascript插件无依赖”指的是一个JavaScript插件,它的主要功能是实现网页上的导航栏在页面滚动时自动吸附到页面顶部,形成所谓的“固定导航”效果。这种效果常见于许多现代网站设计中...

    javascript经典特效---固定的图片广告.rar

    总的来说,这个“javascript经典特效---固定的图片广告.rar”实例是一个关于JavaScript在网页交互和视觉效果中应用的案例,涵盖了固定定位、事件处理、动画效果、响应式设计以及性能优化等多个方面。通过学习和分析...

    详解Javascript ES6中的箭头函数(Arrow Functions)

    JavaScript ES6引入了一种新的函数定义方式:箭头函数(Arrow Functions),它使用"箭头"(=>...理解这些差异有助于更好地使用箭头函数,并优化JavaScript代码。如果在实际使用中遇到问题,可以通过讨论和学习来解决。

    js函数扩展

    【标题】"js函数扩展"涉及的是JavaScript编程语言中对函数功能的增强和优化,它主要涵盖函数式编程的一些概念和技巧,以及JavaScript自身提供的函数特性。JavaScript是一种动态类型的脚本语言,它在Web开发中扮演着...

    javascript性能优化之分时函数的介绍

    在JavaScript编程实践中,性能优化是一项重要技能。尤其在处理大量DOM操作和页面渲染时,我们可能会遇到页面...分时函数是JavaScript性能优化中的一个重要技巧,尤其在Web应用日益复杂的今天,它的应用价值愈发显著。

    javascript生成随机密码案例

    例如,js1.txt可能使用了简单的循环结构,逐个生成随机字符并添加到结果字符串中,而js2.txt可能采用了更复杂的算法,如使用`Array.from()`生成一定数量的随机索引,然后直接取字符集中的对应字符。 下面是一个基本...

    一个对象发序列化的工具函数

    这里的“一个对象发序列化的工具函数”是指一个JavaScript开发中的实用工具,它能够将JavaScript对象转换为可传输或存储的格式,例如JSON字符串,然后在需要时将其还原回原来的对象形式。这种功能对于网络应用、数据...

    javascript经典特效---固定并可移动的层.rar

    在“javascript经典特效---固定并可移动的层.rar”这个压缩包中,我们关注的核心知识点是JavaScript如何创建和操作固定并可移动的层(通常称为“浮动窗口”或“浮动元素”),这是一种常见的网页动态效果。...

    自动折行函数

    例如在Python中,我们可以使用`textwrap.wrap()`函数,而在JavaScript中,可以利用`String.prototype.split()`和`Array.prototype.join()`组合实现类似功能。 在PowerBuilder (PB) 中,虽然没有直接提供内置的自动...

    简单的JavaScript特效

    在描述中提到的"刚学JavaScript时自己写的一些简单特效",这可能是指开发者在学习初期通过编写代码来实践JavaScript的基本语法和特性,例如DOM操作、事件处理、定时器函数setTimeout或setInterval、CSS样式修改等。...

    JavaScript特效

    JavaScript特效在Web开发中扮演着至关重要的角色,它赋予了网页动态性和交互性。通过JavaScript,开发者能够创建各种吸引人的视觉效果,提升用户体验。本文将深入探讨JavaScript特效的基础知识、常用库与框架、以及...

    javascript特效javascript特效javascript特效

    JavaScript特效在网页设计中起着至关重要的作用,它赋予了静态网页动态的视觉效果,提升了用户体验。JavaScript是一种轻量级的、解释型的编程语言,主要用于客户端的网页交互。在这个主题下,我们将深入探讨...

Global site tag (gtag.js) - Google Analytics