這篇文章主要介紹了淺析JavaScript訪問對象屬性和方法及區別的相關資料,僅供參考

?

屬性是一個變量，用來表示一個對象的特征，如顏色、大小、重量等；方法是一個函數，用來表示對象的操作，如奔跑、呼吸、跳躍等。

在JavaScript中通常使用”."運算符來存取對象的屬性的值。或者使用[]作為一個關聯數組來存取對象的屬性。

對象的屬性和方法統稱為對象的成員。

訪問對象的屬性

在JavaScript中，可以使用“ . ”和“ [ ] ”來訪問對象的屬性。

1. 使用“ . ”來訪問對象屬性

語法：

??? objectName.propertyName

其中，objectName 為對象名稱，propertyName為屬性名稱。

2. 使用“ [ ] ”來訪問對象屬性

語法：

??? objectName[propertyName]

其中，objectName 為對象名稱，propertyName為屬性名稱。

訪問對象的方法

在JavaScript中，只能使用“ . ”來訪問對象的方法。

語法：

??? objectName.methodName()

其中，objectName 為對象名稱，methodName() 為函數名稱。

【例】創建一個Person類：

1 function Person() { 2 this.name=" 張三 "; // 定義一個屬性 name 3 this.sex=" 男 "; // 定義一個屬性 sex 4 this.age=22; // 定義一個屬性 age 5 this.say=function(){ // 定義一個方法 say() 6 return "嗨！大家好，我的名字是 " + this.name + " ，性別是 " + this.sex + "，今年 " + this.age +"歲！"; 7 } 8 } 9 var zhangsan=new Person(); 10 alert("姓名："+zhangsan.name); // 使用“.”來訪問對象屬性 11 alert("性別："+zhangsan.sex); 12 alert("年齡："+zhangsan["age"]); // 使用“[ ]”來訪問對象屬性 13 alert(zhangsan.say); // 使用“.”來訪問對象方法

?

PS：淺析對象訪問屬性的"."和"[]"方法區別

在JavaScript中通常使用”."運算符來存取對象的屬性的值。或者使用[]作為一個關聯數組來存取對象的屬性。但是這兩種方式有什么區別了？

例如，讀取object中的property屬性值：

　　　 object.property

　　　 object['property']

以上兩種方式都可以實現屬性的存取。

1.語法方面的區別

點表示法的對象的屬性名是標識符，而后者的屬性名則是一個字符串。

2.靈活性方面的區別

在JavaScript編寫程序中，可以為對象創建任意數目的屬性。但使用”.“運算符來存取一個對象的屬性時，屬性名是用標識符表示的。而在JavaScript程序中，標識符必須被逐字地輸入，它們不是一種數據類型，因此程序不能對其操作。也就是說，標識符是靜態的，在程序中必須對其進行硬編碼。

而使用數組[]表示法來存取一個對象的屬性時，屬性名是用字符串表示的。字符串是JavaScript的一種數據類型，因此可以在程序運行中操作并創建它們。

3.性能方面區別

數組[]表示法在存取屬性值時會進行表達式運行。而點表示法是直接存取屬性值，理論上執行效率會比數組表示法高。性能方面其實可以忽略。

某些場景必須用到數組表示法來動態存取屬性值，這個是點表示法無法做到的。

?

總的來說，這兩種方法區別上不大，都有對應的使用場景。點表示法一般作為靜態對象使用時來存取屬性。而數組表示法在動態存取屬性時就非常有用。

?

轉載于:https://www.cnblogs.com/lypyongpeng/p/7087086.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的JavaScript 访问对象属性和方法及区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。