JS訪問對象兩種方式區(qū)別解析
可以使用下面兩種方式訪問對象的屬性和方法
1.對象名.屬性名對象名.方法名()
2.對象名['屬性名'] 對象名'方法名'
var obj = { name : '小明', age : 18, say : function(){ console.log('我是'+this.name+'我'+this.age+'歲'); } }; console.log(obj.name); console.log(obj['name']); obj.say(); obj['say']();
對于已經(jīng)存在的屬性和方法,用.和用[]得到的結(jié)果一致、
對于不存在(未定義)的屬性和方法,用.會創(chuàng)建這個新的屬性或方法,而用[]的方式訪問不會創(chuàng)建新的屬性或方法
例如在用for-in遍歷對象時
for(var x in obj){ console.log(x); //輸出obj中的屬性名,方法名 console.log(obj.x);//想要用.的方法輸出對應(yīng)的屬性和方法 結(jié)果是undefined,原因在于JS語言中.方法可以用來聲明,聲明對象屬性的方式就是屬性名.屬性值 //這里實際先聲明了obj的x屬性,并且未初始化該屬性,然后輸出了該屬性值,所以為undefined }
利用[]方式只能訪問和讀取,不會定義新的屬性
for(var x in obj){ console.log(x); //輸出obj中的屬性名,方法名 console.log(obj[x]);//輸出對應(yīng)的屬性值和方法,方法未調(diào)用所以輸出的是方法的代碼 }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 編程語言PHP在Web開發(fā)領(lǐng)域的優(yōu)勢在哪?2. 基于android studio的layout的xml文件的創(chuàng)建方式3. 什么是python的自省4. Android如何加載Base64編碼格式圖片5. 詳解Android studio 動態(tài)fragment的用法6. 圖文詳解vue中proto文件的函數(shù)調(diào)用7. .Net Core使用Coravel實現(xiàn)任務(wù)調(diào)度的完整步驟8. Vuex localStorage的具體使用9. 解決Android studio xml界面無法預(yù)覽問題10. 在IDEA中實現(xiàn)同時運行2個相同的java程序

網(wǎng)公網(wǎng)安備