JavaScript中匿名、命名函数的性能测试

(编辑:jimmy 日期: 2026/4/30 浏览:2)

我们经常通过匿名函数(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测试。

一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。