動態屬性訪問允許你獲取和設置屬性的值，即使是在編譯時未知的屬性。

如何設置動態屬性

要設置動態屬性，可以使用以下語法：

object.propertyname = value;

其中 object 是要設置屬性的對象， propertyName 是屬性的名稱， value 是要設置的值。

例如，以下代碼設置名為 name 的動態屬性的值為 John ：

const person = {};person.name = "John";

如何獲取動態屬性

要獲取動態屬性，可以使用以下語法：

value = object.propertyName;

其中 object 是要獲取屬性的對象， propertyName 是屬性的名稱， value 是獲取到的值。

例如，以下代碼獲取名為 name 的動態屬性的值：

const person = {};person.name = "John";const name = person.name;

使用用例

動態屬性訪問有許多用例，包括：

• 與未知名稱的屬性進行交互
• 創建具有動態行為的對象
• 實現松散耦合的代碼

與未知名稱的屬性進行交互

動態屬性訪問允許你與在編譯時未知名稱的屬性進行交互。例如，如果你有一個對象，并且你知道它的某個屬性包含一個值，但你不知道屬性的名稱，則可以使用動態屬性訪問來獲取或設置該值。

例如，以下代碼獲取名為 "key" + i 的動態屬性的值，其中 i 是一個數字：

const object= {};for (let i = 0; i < 10; i++) {object["key" + i] = i;}for (let i = 0; i < 10; i++) {const value = object["key" + i];console.log(value); // 輸出：0 1 2 3 4 5 6 7 8 9}

創建具有動態行為的對象

動態屬性訪問可用于創建具有動態行為的對象。例如，你可以創建一個對象，它可以根據傳入的屬性名稱動態地添加或刪除屬性。

例如，以下代碼創建一個對象，它可以動態地添加或刪除名為 "key" + i 的屬性，其中 i 是一個數字：

const object = {};object.add = function(key, value) {this[key] = value;};object.remove = function(key) {delete this[key];};// 添加屬性object.add("key1", 1);object.add("key2", 2);// 獲取屬性console.log(object.key1); // 輸出：1console.log(object.key2); // 輸出：2// 刪除屬性object.remove("key2");// 屬性已刪除console.log(object.key2); // 輸出：undefined

實現松散耦合的代碼

動態屬性訪問可用于實現松散耦合的代碼。例如，你可以創建一個函數，它可以對具有不同屬性集的對象執行操作。

例如，以下代碼創建一個函數，它可以對具有 name 和 age 屬性的對象打印出這些屬性的值：

function printObject(object) {console.log(object.name);console.log(object.age);}// 創建具有不同屬性集的對象const person1 = { name: "John", age: 30 };const person2 = { name: "Mary", age: 25 };// 對對象調用 printObject 函數printObject(person1); // 輸出：John 30printObject(person2); // 輸出：Mary 25

結論

動態屬性訪問是一項強大的功能，允許你與在編譯時未知名稱的屬性進行交互、創建具有動態行為的對象以及實現松散耦合的代碼。它是一個有用的工具，可以讓你編寫更靈活和可維護的代碼。

---

---

相關標簽： 動態屬性訪問怎么設置、 動態屬性訪問、 獲取和設置屬性的值、 即使是在編譯時未知的屬性、

上一篇：動態對象創建創建新對象的實例，即使是在編譯

下一篇：動態方法調用反射地調用方法，即使是在編譯時