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. ASP新手必備的基礎(chǔ)知識2. ASP.NET Core按用戶等級授權(quán)的方法3. vue-electron中修改表格內(nèi)容并修改樣式4. .NET 中配置從xml轉(zhuǎn)向json方法示例詳解5. 推薦一個好看Table表格的css樣式代碼詳解6. ASP常用日期格式化函數(shù) FormatDate()7. 利用FastReport傳遞圖片參數(shù)在報表上展示簽名信息的實現(xiàn)方法8. phpstudy apache開啟ssi使用詳解9. HTML中的XML數(shù)據(jù)島記錄編輯與添加10. 微信小程序?qū)崿F(xiàn)商品分類頁過程結(jié)束
