JavaScript創(chuàng)建對象的方法什么

這篇文章主要介紹了JavaScript創(chuàng)建對象的方法什么，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

在語法方面上，JavaScript是一種靈活的面向?qū)ο笳Z言。在我們介紹JavaScript創(chuàng)建并實例化對象的不同方法之前，我們需要注意的是JavaScript是一種無類語言，函數(shù)會以某種方式被使用，以便它們模擬一個類?！?br/>

使用函數(shù)作為類：

這是在JavaScript中創(chuàng)建并實例化對象的最簡單方法之一。我們定義了一個經(jīng)典的JavaScript函數(shù)，并使用new關(guān)鍵字創(chuàng)建了該函數(shù)的對象；再使用this關(guān)鍵字創(chuàng)建函數(shù)的屬性和方法。

<script> 
    // 作為一個類的功能。
    function copyClass(name, age) { 
        this.name = name; 
        this.age = age; 
        this.printInfo = function() { 
            console.log(this.name); 
            console.log(this.age); 
        } 
    } 
  
// 創(chuàng)建copyClass的對象
// 初始化參數(shù)
var obj = new copyClass("Vineet", 20); 
  
//調(diào)用copyClass對象的方法
obj.printInfo(); 
</script>

運(yùn)行結(jié)果：

說明：

類有兩個主要組成部分：特定的參數(shù)和很少的成員函數(shù)。在這個方法中，我們聲明了一個類似于類的函數(shù)，它有兩個參數(shù)，name和age（這個關(guān)鍵字用于將類的名稱和年齡與所提供的參數(shù)的名稱和年齡區(qū)分開來）；以及一個printInfo方法，用于打印這些參數(shù)的值。然后，我們簡單地創(chuàng)建一個copyClass的對象obj，初始化它，并調(diào)用它的方法。

使用對象字面量（object literal）：

literal是定義對象的更小更簡單的方法。

下面我們用對象文本來創(chuàng)建并實例化一個與前一個對象完全相同的對象。

<script> 
    // 創(chuàng)建對象
    var obj = { 
        name : "", 
        age : "", 
        printInfo : function() { 
            console.log(this.name); 
            console.log(this.age); 
        } 
    } 
  
// 初始化參數(shù)
obj.name = "小明"; 
obj.age = 19; 
  
// 使用對象的方法
obj.printInfo(); 
</script>

運(yùn)行結(jié)果：

說明：

此方法與前一種方法的工作原理其實是相同的，但不是將參數(shù)（name和age）和方法（printInfo）綁定到函數(shù)內(nèi)部，而是將它們綁定到對象本身中，可以始化對象并簡單地使用這些方法。

使用函數(shù)的單例：

第三種方式就是我們已經(jīng)看到的另外兩種方式的組合。我們可以使用函數(shù)來定義單個對象。

<script> 
// 創(chuàng)建單個對象
var obj = new function() { 
        this.name = ""; 
        this.age = ""; 
        this.printInfo = function() { 
            console.log(this.name); 
            console.log(this.age); 
   }; 
} 
  
// 初始化對象
obj.name = "小明"; 
obj.age = 20; 
  
// 對象的調(diào)用方法
obj.printInfo(); 
</script>

運(yùn)行結(jié)果：

說明：

這是前兩種方法的組合，我們將方法和參數(shù)綁定在函數(shù)中，但不為其聲明單獨(dú)的函數(shù)（就像方法1中的copyClass）。相反，我們簡單地使用函數(shù)結(jié)構(gòu)聲明一個對象。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享JavaScript創(chuàng)建對象的方法什么內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!