首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 开发工具 > 正文

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

作者：qwj6069649 | 来源：互联网 | 2022-02-27 04:39
这篇文章主要介绍了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测试。


推荐阅读
author-avatar
qwj6069649
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有