JavaScript中匿名、命名函数的性能测试_基础知识-js教程-PHP中文网

JavaScript中匿名、命名函数的性能测试_基础知识

php中文网

发布： 2016-05-16 16:37:17

原创

1533人浏览过

我们经常通过匿名函数（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

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

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

医院网站系统

HTML医院网站系统基于PHP+MYSQL开发，在文章内容网站的基础上，预设了医院概况、新闻动态、环境设备、名医荟萃、专科介绍、就医指南、专家门诊值班表、网上挂号、医疗保健知识、在线咨询等医院网站常用的栏目和测试数据，采用适合医院网站的专用模版，增强了系统的针对性和易用性。系统具有文章、图文、下载、社区、表单、用户等基本系统模块和一系列网站辅助功能，用户也可根据自身特点任意创建和修改栏目，适合创建

查看详情

立即学习“Java免费学习笔记（深入）”；

函数表达式

复制代码代码如下:

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怎样进行机器学习？_javascript的TensorFlow.js如何使用？ javascript的angular是什么_它有哪些特点？ javascript如何生成随机数_有哪些应用场景 javascript响应式原理是什么_Vue如何实现数据驱动视图？ javascript中的继承如何实现_有哪些方法？