JavaScript對象的四種創建方法

Posted on by

前言

今天我們來學習一下JavaScript中關於對象的四種創建方法。 首先，我們來確定一個對象的屬性和方法。比如說，我們想要我們定義一個girlFriend的對象，希望她有名字name、年齡age的屬性，希望有一個getName方法，來獲取名字；最後屬性是一個稍微復雜的對象屬性address，它具有兩個屬性值，所在地name和郵政編碼code。 接下來，我們來通過本篇內容，來看一下在JavaScript中可以有多少種方法創建一個這樣的對象。

1. 基於對象字面量

基於對象字面量的方法，就是直接創建對象的屬性及方法，也是最常用的創建對象的方法，它的優點是簡單、方便，但無法進行相同對象的量產。

 /* 1.基於對象字面量 */
 let girlFriend = {
     name: "蘿莉",
     age: 18,
     getName: function() {
         return this.name
     },
     address: {
         name: '北京市',
         code: '10000'
     }
 }

2. 利用new Object方式創建對象

利用Object方式創建對象，就是我們最常說的使用new Object來實現：

 // 2. 利用new Object方式創建對象
 function GirlFriend(name, age, address) {
     this.name = name
     this.age = age
     this.address = address
     this.setName = function() {
         return (this.name)
     }
 }
 //利用new 來創建對象
 var girlFriend1 = new GirlFriend("蘿莉", 18, {
     name: '北京市',
     code: '10000'
 })

通過調試臺運行girlFriend得出下面輸出：

3. 基於構造函數

使用構造函數可以量產對象，註意第一個GirlFriend字母要大寫，然後通過new GirlFriend 來實例化對象：

 // 3. 基於構造函數
 function GirlFriend(name, age, address) {
     this.name = name
     this.age = age
     this.address = address
     this.setName = function() {
         return (this.name)
     }
 }
 //利用new 來創建對象
 var girlFriend1 = new GirlFriend("蘿莉", 18, {
     name: '北京市',
     code: '10000'
 })

4. 基於工廠方法

工廠方法是一種設計模式，通過封裝函數來創建指定的對象，重點是抽象出創建對象時屬性、函數的賦值過程，然後隻對外暴露重新設置的屬性值，工廠方法可以快速進行相同類型對象的量產：

 // 4.基於工廠方法
 function createGirlFriend(name, age, address) {
     let o = new Object();
     o.name = name;
     o.age = age;
     o.address = address;
     o.setName = function() {
         return this.name
     }
     return o;
 }
 let girlFriend = createGirlFriend('蘿莉', 18, {
     name: '北京市',
     code: '10000'
 })

這裡定義瞭一個createGirlFriend的工廠方法，通過參數將屬性傳遞給內部的o對象，最後返回o。然後實例化girlFriend，獲得的結果與第一種方法一樣：

到此這篇關於JavaScript對象的四種創建方法的文章就介紹到這瞭,更多相關JavaScript對象創建內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：