JS訪問對象兩種方式區(qū)別解析
更新時間:2020年08月29日 10:42:42 作者:小猿筆記
這篇文章主要介紹了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)存在的屬性和方法,用.和用[]得到的結果一致、
對于不存在(未定義)的屬性和方法,用.會創(chuàng)建這個新的屬性或方法,而用[]的方式訪問不會創(chuàng)建新的屬性或方法
例如在用for-in遍歷對象時
for(var x in obj){ console.log(x); //輸出obj中的屬性名,方法名 console.log(obj.x);//想要用.的方法輸出對應的屬性和方法 結果是undefined,原因在于JS語言中.方法可以用來聲明,聲明對象屬性的方式就是屬性名.屬性值 //這里實際先聲明了obj的x屬性,并且未初始化該屬性,然后輸出了該屬性值,所以為undefined }
利用[]方式只能訪問和讀取,不會定義新的屬性
for(var x in obj){ console.log(x); //輸出obj中的屬性名,方法名 console.log(obj[x]);//輸出對應的屬性值和方法,方法未調(diào)用所以輸出的是方法的代碼 }
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
淺析JavaScript定時器setTimeout的時延問題
這篇文章主要為大家詳細介紹了JavaScript中定時器setTimeout有最小時延的相關知識,文中的示例代碼簡潔易懂,感興趣的小伙伴可以跟隨小編一起學習一下2023-11-11Gulp實現(xiàn)靜態(tài)網(wǎng)頁模塊化的方法詳解
眾所周知Gulp.js 是一個自動化構建工具,開發(fā)者可以使用它在項目開發(fā)過程中自動執(zhí)行常見任務。下面這篇文章主要給大家介紹了關于Gulp實現(xiàn)靜態(tài)網(wǎng)頁模塊化的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下。2018-01-01array.prototype.silce.call 理解分析
在很多框架中與遇到這個方法,但一時沒去研究這個方法,只要前段時間被問到,尷尬無奈收場。所以學習就要追根究底的精神,廢話少說,說正題。2010-04-04詳解bootstrap的modal-remote兩種加載方式【強化】
本篇文章主要介紹了詳解bootstrap的modal-remote兩種加載方式【強化】,具有一定的參考價值,有興趣的可以了解一下。2017-01-01