激情久久久_欧美视频区_成人av免费_不卡视频一二三区_欧美精品在欧美一区二区少妇_欧美一区二区三区的

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - ASP教程 - JavaScript面向對象的兩種書寫方法以及差別

JavaScript面向對象的兩種書寫方法以及差別

2019-09-30 15:14建站經驗網 ASP教程

一直以來看到好多高手都用js 對象實現代碼的擴展,容易調用,思路明晰等特點,希望大家看完這篇文章后,可以繼續看本站提供的幾篇js面向對象的書寫方法的文章.

javascript中的對象JS作為一種動態語言,在語法上有相當大的自由度,所以造成了一種功能,有N種寫法的局面。 

在JS中實現OOP,一般來說有兩種方法: 

第一種:使用this關鍵字 

function Class1() 

    this.onclick = function(e) 
    { 
        for (var i=0; i < 1000; i++) 
        { 
            var a = new Date(); 
        } 
    }  

}  

使用this.的方法可以很靈活地給對象添加屬性和方法,而且和大部分的OOP語言都相似,甚至在運行中都可以添加。 

第二種:使用prototype關鍵字 

function clickFunc(e) 

    for (var i=0; i < 1000; i++) 
    { 
        var a = new Date(); 
    } 
}  

function Class2() 
{  

}  

Class2.prototype.onclick = clickFunc;  

這種用法上來講就沒有第一種顯得靈活。不過在一個對象new出來之前,也是一樣可以隨時添加一個對象的屬性和方法。 

可是他們并不是相等的,相對來說,我更喜歡第一種,因為第一種方法相對比較集中,比較容易閱讀代碼。但是在運行的時候,他們運行的效率卻差別相當地大。以下讓我們看一下測試代碼吧: 

var total = new Array();  

function Test1() 

    var a = new Date(); 
    for (var i=0; i < 10000; i++) 
    { 
        var c = new Class1(); 
        //total.push(c); 
    } 
    var b = new Date(); 
    alert(b.getTime()-a.getTime()); 
}  

function Test2() 

    var a = new Date(); 
    for (var i=0; i < 10000; i++) 
    { 
        var c = new Class2(); 
        //total.push(c); 
    } 
    var b = new Date(); 
    alert(b.getTime()-a.getTime()); 
}  

第一步作執行時間的測試:發現Test1()需要142ms,而Test2()僅需50ms.發現時間效率上來說,prototype的方法相對this來說,更加高效。  

javascript的對象第二步作內存占用的測試,把total.push(c);這行的注釋去掉,之所以要把它們加入到數組里面去,防止創建的時候,對象比較多的時候,沒有被引用的對象被GC了。結果發現差距不是一般的大,第一種方法要占用二三十M的內存,而第二種只需要一百多K。 
javascript創建對象
成因推斷: 
在處理這兩種代碼的時候,第一種,JS的解析器,給每個對象都創建一個單獨的方法,這樣增加了內存的開銷,同時創建方法的時候,增加了運行時間。第二種,JS的解析器和大部分的OOP編譯器一樣的,把對象的數據段和方法段分開存儲了,對于對象的私有數據,則是每個對象一份,而這些方法,則是放在公共的方法段里,所以可以減少運行時間和內存的開銷。 

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 视频一区 在线 | 免费国产在线观看 | 最新一区二区三区 | 成人男女啪啪免费观看网站四虎 | 毛片免费在线 | 国产亚洲精品精 | sm高h视频| 国产精品视频免费看 | 国产成年人在线观看 | 一区二区三区在线播放视频 | 亚洲精品无码不卡在线播放he | 99久久超碰中文字幕伊人 | 免费观看一区二区三区视频 | 国产1区视频 | 91久久91久久精品免观看 | 国产精品久久久久久久娇妻 | 在线观看视频日本 | 美乳在线观看 | 成人黄色一级电影 | 在线天堂中文在线资源网 | 国产资源在线免费观看 | xxxxxx免费| 亚洲精品欧美二区三区中文字幕 | 全部免费毛片 | 老司机一级毛片 | 久在线观看福利视频69 | av在线免费看网址 | 久久蜜桃精品一区二区三区综合网 | 请播放一级毛片 | 在线免费av网站 | 国产精品一区二区三区在线播放 | 亚洲精品动漫在线观看 | 在线视频 中文字幕 | 久久噜噜噜精品国产亚洲综合 | 久久久久国产成人精品亚洲午夜 | 农村寡妇偷毛片一级 | jizzjizzjizz少妇 | 午夜精品久久久久久毛片 | 主播粉嫩国产在线精品 | 久久福利精品 | 噜噜噜在线 |