社群學習工具庫休閒

繁体中文

首頁 > web前端 > js教程 > 主體

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

WBOY

發布： 2016-05-16 18:41:34

原創

997 人瀏覽過

<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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

相關標籤：

全域變數常量

來源：php.cn

上一篇：javascript 图片放大效果函数_图象特效下一篇：js trim函数去空格函数与正则集锦_javascript技巧

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章

什麼是 NullPointerException，如何修復它？

2024-10-22 09:46:29
從新手到程式設計師：您的旅程從 C 基礎知識開始

2024-10-13 13:53:41
使用 PHP 解鎖 Web 開發：初學者指南

2024-10-12 12:15:51
揭秘 C：為新程式設計師提供一條清晰簡單的道路

2024-10-11 22:47:31
釋放您的編碼潛力：絕對初學者的 C 編程

2024-10-11 19:36:51
釋放你內心的程式設計師：C 絕對初學者

2024-10-11 15:50:41
使用 C 自動化您的生活：適合初學者的腳本和工具

2024-10-11 15:07:41
PHP 變得簡單：Web 開發的第一步

2024-10-11 14:21:21
使用 Python 建立任何東西：釋放創造力的初學者指南

2024-10-11 12:59:11
編碼的關鍵：為初學者釋放 Python 的力量

2024-10-11 12:17:31

最新問題

傳回值中變數的格式是什麼？我是php的新學習者。我發現有一段程式碼：if($x<time()){return[false,'error'];}邏輯或變數並不重要，但我不明白[false,'error'...

來自於 2024-04-06 21:55:20

0

1

778

動態修改Javafx中的內嵌CSS樣式我試圖在應用程式最大化時更改窗格的背景圖像。我的背景是使用內嵌css設定的。我為樣式設定了兩個不同的變數和一個if語句。但是，我沒有運氣讓它改變樣式。 StringcssStyle...

來自於 2024-04-06 20:57:16

0

1

487

MySQL：'從......中選擇文字作為<此處變數或子查詢>” 我有下表，其中包含以下數據：id文本語言1德語文本德語2英文文本英語我想要的是獲得以下格式的結果：german="deutschertext"english=&...

來自於 2024-04-06 19:25:54

0

2

529

在模板中使用方法中定義的變數這是我第一次使用Vue（v2而不是v3），我一直在嘗試在模板內使用變數（在方法內定義）。我的簡化程式碼：<template><divclass="con...

來自於 2024-04-06 18:10:25

0

2

513

用 HTML 程式碼（從陣列產生）取代字串的頂級方法給定一個像這樣的字串...$htmlPattern="Usernameis:#name#andusercompanyis#company#";如何將子字串#na...

來自於 2024-04-06 17:40:41

0

2

410

相關專題

更多>

熱門推薦

熱門教學

更多>

相關教學

熱門推薦

最新課程

最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)

1418665
php入門教程之一週學會PHP

4260195
JAVA 初級入門影片教學

2495584
小甲魚零基礎入門學習Python影片教學

504730
PHP 零基礎入門教學

859716

最新下載

更多>

網站特效

網站源碼

網站素材

前端模板