JavaScript的對象屬性擴展是指在對象中添加、刪除、修改或檢查屬性的過程，這也是JavaScript編程的基本要素之一。在JavaScript中，對象是一種非常重要的數據類型，它可以存儲各種類型的數據，包括數字、字符串、函數等，而屬性則用于描述對象的特征和行為。在本篇文章中，我們將探討JavaScript中對象屬性擴展的各種方法及應用，并通過舉例進行詳解。 ## 對象屬性添加 想要在JavaScript對象中添加新的屬性，可以使用點號或方括號語法。點號語法適用于屬性名是合法的標識符的情況，而方括號語法則適用于屬性名是字符串或計算結果的情況。

// 使用點號語法添加屬性
let obj = {};
obj.name = 'Lucy';
console.log(obj); // { name: 'Lucy' }
// 使用方括號語法添加屬性
let obj = {};
obj['name'] = 'Lucy';
console.log(obj); // { name: 'Lucy' }
// 添加計算結果為屬性名的屬性
let obj = {};
let propName = 'name';
obj[propName] = 'Lucy';
console.log(obj); // { name: 'Lucy' }

## 對象屬性修改 JavaScript中的對象屬性可以通過之前提到的語法進行修改。具體來講，可以使用點號或方括號語法來操作對象屬性，并賦予新的值。

// 使用點號語法修改屬性
let obj = { name: 'Lucy' };
obj.name = 'Lily';
console.log(obj); // { name: 'Lily' }
// 使用方括號語法修改屬性
let obj = { name: 'Lucy' };
obj['name'] = 'Lily';
console.log(obj); // { name: 'Lily' }

## 對象屬性刪除 同樣地，可以使用點號或方括號語法來刪除JavaScript對象中的屬性。使用delete關鍵字以及屬性名即可進行操作，刪除后再次訪問該屬性將返回undefined。

// 使用delete關鍵字刪除對象屬性
let obj = { name: 'Lucy' };
delete obj.name;
console.log(obj); // {}
console.log(obj.name); // undefined

## 擴展運算符 擴展運算符是ES6引入的新功能，可以在對象字面量或函數調用中使用，用于展開數組、對象或函數等。在對象字面量中，可以用它來讓一個對象繼承另外一個對象的所有屬性和方法。

// 通過擴展運算符對對象進行擴展
let obj1 = { name: 'Lucy' };
let obj2 = { age: 18 };
let obj3 = { ...obj1, ...obj2 };
console.log(obj3); // { name: 'Lucy', age: 18 }

## 對象屬性的枚舉 使用Object.keys()方法可以獲取一個對象的所有可枚舉屬性，返回一個數組。可枚舉屬性只包括那些屬性描述符中的enumerable值為true的屬性。

// 使用Object.keys()獲取對象的可枚舉屬性
let obj = { name: 'Lucy', age: 18 };
let keys = Object.keys(obj);
console.log(keys); // ['name', 'age']

## 對象屬性描述符 在JavaScript中，對象屬性還具有描述符（即特征）。通過Object.getOwnPropertyDescriptor()方法可以獲取一個對象屬性的描述符。描述符包含4個可選屬性：value、writable、enumerable和configurable。這些屬性中，value屬性是描述屬性值的數據值，writable屬性指定是否可寫，enumerable屬性指定是否可枚舉，configurable屬性指定是否可配置（包括是否可刪除屬性、是否可修改屬性特性等）。

// 使用Object.getOwnPropertyDescriptor()獲取屬性描述符
let obj = Object.defineProperty({}, 'name', {
value: 'Lucy',
writable: false,
enumerable: true,
configurable: true
});
let desc = Object.getOwnPropertyDescriptor(obj, 'name');
console.log(desc); 
/* {
value: 'Lucy',
writable: false,
enumerable: true,
configurable: true
}
*/

## 對象屬性的訪問器 在JavaScript中，除了數據屬性外，還有一種屬性稱為訪問器屬性。當讀取訪問器屬性時，實際上會調用一個getter函數，而當修改訪問器屬性時，會調用一個setter函數。

// 使用Object.defineProperty()定義訪問器屬性
let obj = {};
Object.defineProperty(obj, 'age', {
get: function() {
return this._age;
},
set: function(value) {
if (value< 0 || value >120) {
throw new Error('Invalid age');
} else {
this._age = value;
}
}
});
obj.age = 18;
console.log(obj.age); // 18

通過以上舉例，我們對JavaScript對象屬性擴展的主要應用有了較為清晰的認識。掌握了這些屬性操作方法，在實際開發中能夠更加靈活地進行屬性的調用和修改。