## 什么是對象 萬物皆對象,函數可以封裝一段代碼 ,對象可以封裝一組屬性和方法. ## 對象字面量 ``` var dog = { name: '旺財', type: '中華田園犬', color: 'yellow', bark: function () { console.log('汪汪汪'); } } ``` ## 構造函數 動態添加屬性和方法. ``` var obj = new Object(); //創建一個空對象 obj.name = 'jack'; obj.say = function(){ console.log('哈哈哈'); } ``` ## 工廠方法 ``` function createHero(name, age, gender) { var obj = new Object(); obj.name = name; obj.age = age; obj.gender = gender; obj.say = function () { console.log(this.name + '說話'); } return obj; } obj1 = createHero('jack', 20, '男'); obj2 = createHero('milan', 18, '女'); console.log(obj1, obj2); ``` ### 自定義構造函數 ``` function Hero(name, age, gender) { this.name = name; this.age = age; this.gender = gender; this.say = function () { console.log(this.name + ':hello'); } } var h = new Hero('jack', 20, '男'); console.log(h) ``` ## new 關鍵字執行過程 1. 在內存中創建可一個空的對象. 2. 讓構造函數中的this指向剛剛創建的對象. 3. 執行構造函數,在構造函數中設置屬性和方法(當然也可以做其他事情). 4. 返回了當前對象. ## this this出現的地方: 1. 函數中: 指向window. 2. 方法中: 指向這個方法所屬的對象. 3. 構造函數中: 就是構造函數中創建的對象. ## 遍歷對象和刪除對象的屬性 ``` var obj = { name: 'jack', age: 20, say: function () { console.log('hello'); } } for (let key in obj) { console.log(key + '-->' + obj[key]); } ``` 結果 ``` name-->jack age-->20 say-->function () { console.log('hello'); } ``` delete 對象.屬性 就可以刪除屬性了