2018做好javascript程序員,就(jiù)要(yào / yāo)專心搞對象Object

2018-01-08 關鍵詞:蘇州網站建設  蘇州網絡公司  蘇州網站制作   2993

程序中面向對象的(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ì)jQueryjQuery對象,就(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)好習慣。


首頁 網站建設 小程序 品牌設計 服務項目 案例展示 售後保障 聯系方式 新聞中心 關于(yú)我們 人(rén)才招聘
我們的(de)優勢

細緻入微的(de)前期服務
精準的(de)策劃服務
精湛的(de)網頁設計
穩定 可靠 極速的(de)域名和(hé / huò)服務器
任何問題,24小時(shí)回複并處理

版權所有:蘇州謝謝網絡傳媒有限公司  京ICP證000000号   

首頁 電話 服務項目