使用prototype特性编程中的效率问题
??? 前幾天有位網(wǎng)友詢問了我一個問題，主要是關(guān)于JavaScript的prototype特性的效率。因?yàn)樽鳛橐粋€如此強(qiáng)大并且靈活的東西，難免會讓人覺得效率上可能有較大的損失。但是實(shí)際上prototype特性的效率怎么樣呢？我們下面來詳細(xì)說說這個問題。
??? 之前我曾經(jīng)寫過兩篇隨筆介紹JavaScript語言的prototype特性，"JScript中的prototype(原型)屬性研究(1)"和"JScript中的prototype(原型)屬性研究(2)"。第一篇非常基礎(chǔ)，只是說明了prototype的用途和用法，第二篇基本上算是深入說明了JavaScript的prototype的實(shí)現(xiàn)機(jī)制，不過當(dāng)時沒有對prototype的效率作任何討論，真是遺憾。
??? 先看一個prototype屬性和方法效率比較的示例：
<head>
????<title>Prototype?Performancetitle>
????<meta?name="author"?content="birdshome@cnblogs"?/>
</head>
<body>
????<script?language="javascript">
????function?fnMethod(i)
????{
????????var?tmp?=?i+3;
????}
????Object.prototype.i?=?0;
????Object.prototype.fnMethod?=?function()
????{
????????var?tmp?=?this.i+3;
????}
????</script>
????<script?language="javascript">
????function?Test_fnMethod()
????{
????????var?dt?=?new?Date();
????????for?(?var?i=0?;?i?<?100?;?++i?)
????????{
????????????for?(?var?j=0?;?j?<?10000?;?++j?)
????????????{
????????????????fnMethod(i);
????????????}
????????}
????????alert(new?Date()?-?dt);
????}
????
????function?Test_prototype_fnMethod()
????{
????????var?obj?=?{};
????????var?dt?=?new?Date();
????????for?(?var?i=0?;?i?<?100?;?++i?)
????????{
????????????for?(?var?j=0?;?j?<?10000?;?++j?)
????????????{
????????????????obj.fnMethod();
????????????}
????????}
????????alert(new?Date()?-?dt);
????}????
????</script>
????<button?onclick="Test_fnMethod()">
????????fnMethod</button>
????<button?onclick="Test_prototype_fnMethod()">
????????prototype.fnMethod</button>
</body>
</html>
??? 上面示例的測試結(jié)果分別是：4,046ms和4,719ms！(P4 2.4G IE6 SV1 en)。普通方法和原型方法之間的每一次調(diào)用效率差別為：663/1,000,000 毫秒(實(shí)際上是一次原型屬性和一次原型方法調(diào)用共同消耗的時間周期，var tmp = this.i+3;)。
??? 這個結(jié)果看起來挺不錯的，似乎使用prototype也就不存在什么效率問題了。但是如果我們在一個頁面中使用了大量的自定義對象，同時對象又和表現(xiàn)層的HTML元素對象建立了較密切的引用聯(lián)系后，我們常常會覺的整個頁面對腳本的執(zhí)行都慢了下來，這是怎么回事呢？是誰在吞噬CPU資源?!
??? 這是由于JavaScript這種腳本語言不需要用戶管理內(nèi)存使用，所以它自身需要管理自己的資源開銷，也就是說JavaScript的運(yùn)行引擎要負(fù)責(zé)GC。但是JavaScript使用的"簡單標(biāo)記清除"算法，對于復(fù)雜的環(huán)狀引用的標(biāo)記不是很有效(我在IE的Memory Leak相關(guān)文章中有詳細(xì)介紹)，加之IE對于DHTML DOM象生存期策略等問題。當(dāng)頁面內(nèi)的DOM和腳本對象越來越多，并不能及時釋放后，IE的腳本執(zhí)行效率就非常明顯的降下來了。嚴(yán)重到我們剛打開IE時很簡單的一個腳本操作，都會變得很緩慢，一執(zhí)行CPU就會串到一個很高的占用峰值。
轉(zhuǎn)載于:https://www.cnblogs.com/birdshome/archive/2005/08/01/205128.html
總結(jié)
以上是生活随笔為你收集整理的使用prototype特性编程中的效率问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
