JavaScript中匿名、命名函数的性能测试
更新时间：2014年09月04日 13:08:14 投稿：junjie
这篇文章主要介绍了JavaScript中匿名、命名函数的性能测试,简单来讲匿名即没有名字的函数,它和命名函数相比性能如何呢,本文即是对它们性能的测试,需要的朋友可以参考下
我们经常通过匿名函数（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测试。
相关文章
JavaScript If...Else 声明...2007-04-04
javascript里的条件判断...2007-02-02
本文是每日十条JavaScript经验技巧系列文章的第一篇，给大家汇总介绍一些在JavaScript使用过程中的注意事项，非常的简单，都是个人在平时项目中的一点小小的总结，希望对大家能够有所帮助2016-06-06
这篇文章主要介绍了用JavaScript实现对话框的教程,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
本文主要详细分析了JS变量，作用域以及内存问题，同时附上非常多的实例，方便大家理解这3个概念，是篇不可多得的文章，希望对大家有所帮助2014-09-09
下面小编就为大家带来一篇关于cookie的初识和运用(js和jq)。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-04-04
这篇文章主要为大家详细介绍了ES6的新特性之map和reduce，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
冒泡排序由于比较简单和容易理解，往往会成为人们首先想到的排序算法。最基本的想法就是在一次里面比较两个数字，并且确保他们在移动到其他项目之前有一个正确的顺序。在每一关结束，有价值的“排序”到正确的位置，最终只留下其他项目排序。2016-04-04
这篇文章主要介绍了Js里的for…in和for…of的用法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
这篇文章主要介绍了JavaScript中的bold()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
最新评论