JavaScript中全局变量、函数内变量以及常量表达式的效率测试

更新时间：2009年11月22日 00:16:49 作者：

直接用字符串常量要比利用全局变量快，但创建正则表达式就比起用全局变量要慢上很多了。

<html> <body> <script type="text/javascript"> var r, s = "this is a very very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong string", x = /^\s+|\s+$/g; document.writeln("字符串测试"); (function(){ document.write("全局->全局："); var t = new Date(); for(var i = 0; i < 3000000; i++){ r = s; } document.write(new Date() - t); document.writeln(""); })(); (function(){ document.write("全局->本地："); var s = window.s; var t = new Date(); for(var i = 0; i < 3000000; i++){ r = s; } document.write(new Date() - t); document.writeln(""); })(); (function(){ document.write("常量->本地："); var r; var t = new Date(); for(var i = 0; i < 3000000; i++){ r = "this is a very very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong string"; } document.write(new Date() - t); document.writeln(""); })(); (function(){ document.write("属性->本地："); var r; var s = { 0: window.s }; var t = new Date(); for(var i = 0; i < 3000000; i++){ r = s[0]; } document.write(new Date() - t); document.writeln(""); })(); (function(){ document.write("本地->本地："); var r; var s = window.s; var t = new Date(); for(var i = 0; i < 3000000; i++){ r = s; } document.write(new Date() - t); document.writeln(""); })(); document.writeln("正则表达式测试"); (function(){ document.write("全局->全局："); var t = new Date(); for(var i = 0; i < 3000000; i++){ r = x; } document.write(new Date() - t); document.writeln(""); })(); (function(){ document.write("全局->本地："); var x = window.x; var t = new Date(); for(var i = 0; i < 3000000; i++){ r = x; } document.write(new Date() - t); document.writeln(""); })(); (function(){ document.write("常量->本地："); var r; var t = new Date(); for(var i = 0; i < 3000000; i++){ r = /^\s+|\s+$/g; } document.write(new Date() - t); document.writeln(""); })(); (function(){ document.write("属性->本地："); var r; var x = { 0: window.x }; var t = new Date(); for(var i = 0; i < 3000000; i++){ r = x[0]; } document.write(new Date() - t); document.writeln(""); })(); (function(){ document.write("本地->本地："); var r; var x = window.x; var t = new Date(); for(var i = 0; i < 3000000; i++){ r = x; } document.write(new Date() - t); document.writeln(""); })(); </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

注意：在IE中进行这个测试时需要先改变IE的"最大脚本步数"：
[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Styles]
"MaxScriptStatements"=dword:ffffffff
这么看的话使用函数内的本地变量时效率要比用全局变量或者常量表达式高出许多。而属性的效率就糟得很恐怖了，在Firefox和Safari中居然比利用全局变量还慢上好多倍。
直接用字符串常量要比利用全局变量快，但创建正则表达式就比起用全局变量要慢上很多了。
观察数字还可以发现：在Google Chrome、Opera和IE中，用属性和利用全局变量相差不大（Opera的表现也许是其垃圾回收机制造成的），从这个现象上看的话，这三种浏览器中所谓的全局变量有可能根本就是全局对象的属性。

您可能感兴趣的文章:

前端面试的底气之实现一个深拷贝
最近学到一个有关深拷贝的实现方法,为加深印象,这里给大家分享一下,下面这篇文章主要给大家介绍了关于前端面试的底气之实现一个深拷贝的相关资料,需要的朋友可以参考下
2022-05-05
为javascript添加String.Format方法
每次在javascript中用加号合成字符串，真的没法忍受了，今天终于找到一高手写的方法，与大家分享。
2009-11-11
js控制台报错Uncaught TypeError: Cannot read p
本文主要介绍了js控制台报错Uncaught TypeError: Cannot read properties of undefined (reading ‘appendChild‘)的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-07-07
JavaScript练习小项目之修改div块的颜色
这篇文章主要给大家介绍了关于JavaScript练习小项目之修改div块的颜色的相关资料,文中通过举例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2023-01-01
微信小程序之 catalog 切换实现解析
这篇文章主要介绍了微信小程序之 catalog 切换实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本，下面通过本文给大家介绍下如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
2016-12-12
JavaScript实现刮刮乐效果
这篇文章主要为大家详细介绍了JavaScript实现刮刮乐效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-11-11
Iframe 自动适应页面的高度示例代码
这篇文章主要介绍了Iframe如何自动适应页面的高度,需要的朋友可以参考下
2014-02-02
详解如何利用JavaScript绘制堆叠柱状图
堆叠柱状图将每个柱子进行分割以显示相同类型下各个数据的大小情况。可以形象得展示一个大分类包含的每个小分类的数据，以及各个小分类的占比，显示的是单个项目与整体之间的关系。本文将利用JavaScript实现堆叠柱状图的绘制，需要的可以参考一下
2022-03-03
javascrpt密码强度校验函数详解
这篇文章主要为大家详细介绍了javascrpt密码强度校验函数，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-03-03