淺析JavaScript訪問對象屬性和方法及區別_javascript技巧

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

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

訪問對象的屬性

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

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

語法：

objectName.propertyName

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

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

語法：

objectName[propertyName]

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

訪問對象的方法

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

語法：

objectName.methodName()

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

【例5-1】創建一個Person類：

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

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

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

　　　 object.property

　　　 object['property']

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

1.語法方面的區別

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

2.靈活性方面的區別

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

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

3.性能方面區別

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

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

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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com