登录  /  注册
首页 > web前端 > js教程 > 正文
JavaScript中匿名、命名函数的性能测试_基础知识
php中文网
发布: 2016-05-16 16:37:17
原创
769人浏览过

我们经常通过匿名函数(Anonymous function)来写回调。

简单来讲匿名即没有名字的函数,一般都立即执行。但是它与命名函数(有名字的函数)的性能如何呢?

我们可以比较一下,我们随便找一台可以执行Shell命令的计算机来使用大量函数调用看一看二者执行消耗时间:

anonymous.js

复制代码 代码如下:

var count = 100000000
, sum = 0
while (count--) (function() { sum++ })()

执行一下
复制代码 代码如下:

$ time node anonymous.js
real 0m1.456s
user 0m0.015s
sys 0m0.031s

再来看看命名函数

named.js

复制代码 代码如下:

var count = 100000000
, sum = 0

var cb = function() {
sum++
}

while (count--) cb()


执行一下
复制代码 代码如下:

$ time node named.js
real 0m0.575s
user 0m0.000s
sys 0m0.046s

命名函数会快很多,为什么会这样呢?其实不难解释,匿名函数每次都需要重新解释回调,但是命名函数只需要解释一次,因此性能会有提升,但是测试发现这种提升是非常非常微小的,完全不必将非常顺手的一个回调单独写成另外一个变量。

另外命名函数还有两种写法:

函数表达式

复制代码 代码如下:

var func = function() {
console.log('a')
}

函数声明
复制代码 代码如下:

function func() {
console.log('b')
}

其实这两个一起用的话可能会有问题,如
复制代码 代码如下:

var func = function() {
console.log('a')
}
function func() {
console.log('b')
}
//输出为: a

因此目前多使用函数表达式的形式,但函数声明的性能如何呢?

named2.js

复制代码 代码如下:

var count = 100000000
, sum = 0

function cb() {
sum++
}

while (count--) cb()


执行一下,并比较二者
复制代码 代码如下:

$ time node named.js
real 0m0.553s
user 0m0.000s
sys 0m0.015s

$ time node named2.js
real 0m0.529s
user 0m0.000s
sys 0m0.047s


似乎函数声明会稍微快一点点,不过快得也非常非常不明显,个人还是建议函数声明式写法。

PS: 此数据均在Windows7下使用git-base测试。

来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网,和优秀的人一起学习!
全站2000+教程免费学