Object.defineProperty()

let obj = {};
let song = '發如雪';
obj.singer = '周杰倫'; 對象

Object.defineProperty(obj, 'music', {
// 1. value: '七里香',
configurable: true, // 2. 能夠配置對象,刪除屬性
// writable: true, // 3. 能夠修改對象
enumerable: true, // 4. 能夠枚舉
// ☆ get,set設置時不能設置writable和value,它們代替了兩者且是互斥的
get() { // 5. 獲取obj.music的時候就會調用get方法
return song;
},
set(val) { // 6. 將修改的值從新賦給song
song = val;
}
});get

// 下面打印的部分分別是對應代碼寫入順序執行
console.log(obj); // {singer: '周杰倫', music: '七里香'} // 1it

delete obj.music; // 若是想對obj裏的屬性進行刪除,configurable要設爲true 2
console.log(obj); // 此時爲 {singer: '周杰倫'}console

obj.music = '聽媽媽的話'; // 若是想對obj的屬性進行修改,writable要設爲true 3
console.log(obj); // {singer: '周杰倫', music: "聽媽媽的話"}table

for (let key in obj) {
// 默認狀況下經過defineProperty定義的屬性是不能被枚舉(遍歷)的
// 須要設置enumerable爲true才能夠
// 否則你是拿不到music這個屬性的,你只能拿到singer
console.log(key); // singer, music 4
}配置

console.log(obj.music); // '發如雪' 5
obj.music = '夜曲'; // 調用set設置新的值
console.log(obj.music); // '夜曲' 6遍歷

相關文章
相關標籤/搜索