程序中面向對象的(de)思想相信所有的(de)程序員都不(bù)會陌生,JavaScript程序中同樣有對象這(zhè)一(yī / yì /yí)說(shuō)法。可能很多初學者分不(bù)清。下面蘇州網站制作的(de)小編帶領大(dà)家一(yī / yì /yí)起來(lái)理一(yī / yì /yí)理。
javascript中對象的(de)屬性和(hé / huò)方法私有性都是(shì)利用函數可以(yǐ)提供局部作用域的(de)特性來(lái)實現的(de)。
var Obj={};//聲明一(yī / yì /yí)個(gè)對象;
(function(){
var name="這(zhè)是(shì)私有屬性";//此爲(wéi / wèi)函數局部變量;
var i=0;
function index(){return i+=1;}
function getName(){return name;}//外部訪問私有屬性接口
Obj={
Id:index,
getN:getName,
getName:getName
}
}())//執行返回私有屬性值;
Obj.getN();//輸出(chū)"這(zhè)是(shì)私有屬性"
Obj.Id()輸出(chū)1
上(shàng)面的(de)index和(hé / huò)getName就(jiù)是(shì)對象的(de)私有屬性外部不(bù)能調用和(hé / huò)修改
Obj.getN=unll;
Obj.getN();//Obj.getN is not a function;
Obj.getName();//輸出(chū)"這(zhè)是(shì)私有屬性"
上(shàng)面的(de)代碼演示了(le/liǎo)私有方法并沒有被修改。
其實現在(zài)用的(de)比較多的(de)是(shì)jQuery。jQuery對象,就(jiù)是(shì)通過jQuery包裝DOM對象後産生的(de)對象,舉個(gè)最簡單的(de)例子(zǐ):
$("#test").html() 意思是(shì)指:獲取ID爲(wéi / wèi)test的(de)元素内的(de)html代碼。其中html()是(shì)jQuery裏的(de)方法
這(zhè)段代碼等同于(yú)用DOM實現代碼:
document.getElementById("id").innerHTML;
雖然jQuery對象是(shì)包裝DOM對象後産生的(de),但是(shì)jQuery無法使用DOM對象的(de)任何方法,同理DOM對象也(yě)不(bù)能使用jQuery裏的(de)方法.亂使用會報錯。比如:$("#test").innerHTML、document.getElementById("id").html()之(zhī)類的(de)寫法都是(shì)錯誤的(de)。
需要(yào / yāo)注意的(de)是(shì), jQuery 對象和(hé / huò) DOM 對象可以(yǐ)任意的(de)相互轉換,但是(shì) DOM 對象能使用DOM 中的(de)方法,jQuery 對象是(shì)不(bù)可以(yǐ)使用DOM中的(de)方法。網上(shàng)有很多Dom對象和(hé / huò)jQuery對象相互轉化的(de)實例,需要(yào / yāo)了(le/liǎo)解更多的(de)小夥伴可以(yǐ)自行搜索。蘇州網站建設小編在(zài)此就(jiù)不(bù)在(zài)贅述。沒有實踐就(jiù)沒有發言權。希望大(dà)家可以(yǐ)養成好探索,勤練習的(de)好習慣。
細緻入微的(de)前期服務
精準的(de)策劃服務
精湛的(de)網頁設計
穩定 可靠 極速的(de)域名和(hé / huò)服務器
任何問題,24小時(shí)回複并處理
版權所有:蘇州謝謝網絡傳媒有限公司 京ICP證000000号