# 對象劫持 ``` <script> /* get 變量 獲取當前變量的值會觸發這個get方法 set 變量 設置當前變量的值會觸發這個set方法 viewmodel 為什么vue里面的變量會有get和set這兩個方法呢 底層實現的時候用了一個Object.defineProperty() Object.defineProperty: 用來綁定對象上面屬性的get和set方法 */ var obj = {}; // obj上增加一個name屬性 // obj.name = "張三"; // Object.defineProperty(對象, '對象要增加的屬性', {拓展屬性}) Object.defineProperty(obj, 'name', { // value: '張三' writable: true, // 判斷是否可以修改, true: 可以修改屬性的值 false： 不可以屬性上的值 默認是false enumerable: true, // 判斷是否可以被枚舉 默認是false configurable: true, // 判斷是否可以刪除 true: 可以刪除屬性 false： 不能刪除 默認是false // get: function () { // console.log('get方法'); // return '張三'; // }, // set: function (val) { // console.log('set方法'); // console.log(val); // } }) console.log(obj.name) // 會觸發get方法 obj.name = '李四' // 會觸發set方法 console.log('--------------------') console.log(Object.keys(obj)); // Object.keys獲取到key值的集合（key值組成的數組） delete obj.name console.log(obj) var app = new Vue({ el: '#app', data: { a1: 1, test2: '890' } }) console.log(app) </script> ```