首頁  >  文章  >  web前端  >  JavaScript建立物件(3種方式)

JavaScript建立物件(3種方式)

藏色散人
藏色散人原創
2019-04-04 10:08:472470瀏覽

在語法方面,JavaScript是一種靈活的物件導向語言。在本文中,我們將為大家介紹JavaScript實例化物件的不同方法。

要注意的是JavaScript是一種無類別語言,並且函數以某種方式使用,以便它們模擬一個類別。 (推薦:《javascript教學》)

使用函數作為類別:

用JavaScript實例化物件的最簡單方法之一。我們定義了一個經典的JavaScript函數,並使用new關鍵字建立函數的物件。函數的屬性和方法使用this關鍵字建立。

<script> 
    function copyClass(name, age) { 
        this.name = name; 
        this.age = age; 
        this.printInfo = function() { 
            console.log(this.name); 
            console.log(this.age); 
        } 
    } 
  
// 创建copyClass对象并初始化参数。
var obj = new copyClass("Vineet", 20); 
  
//调用copyClass的方法。
obj.printInfo(); 
</script>

輸出:

Vineet
20

說明:OOP中的類別有兩個主要元件,某些參數和一些成員函數。在這個方法中,我們聲明一個類似於類別的函數,有兩個參數,name和age(this關鍵字用於將類別的名稱和年齡區分為正在提供的參數的名稱和年齡。)和printInfo方法,用於列印這些參數的值。然後我們簡單地建立一個copyClass的物件obj,初始化它並呼叫它的方法。

使用物件字面量:

字面量是定義物件的更小和更簡單的方法。下面我們用字面量實例化一個與前一個物件完全相同的物件。

<script> 
    var obj = { 
        name : "", 
        age : "", 
        printInfo : function() { 
            console.log(this.name); 
            console.log(this.age); 
        } 
    } 
  
// 初始化参数。
obj.name = "Vineet"; 
obj.age = 19; 
  
// 使用对象的方法。
obj.printInfo(); 
</script>

#輸出:

Vineet
20

說明:這個方法與前一個方法的工作原理相同,但是我們沒有將參數(名稱和年齡)和方法(printInfo)捆綁在函數中,而是將它們捆綁在物件本身中,初始化物件並簡單地使用方法。

使用函數的單例:

第三種方法是另外兩種方法的結合。我們可以使用一個函數來定義一個單例物件。

<script> 
    var obj = new function() { 
        this.name = ""; 
        this.age = ""; 
        this.printInfo = function() { 
            console.log(this.name); 
            console.log(this.age); 
        }; 
    } 
  
obj.name = "Vineet"; 
obj.age = 20; 
  
obj.printInfo(); 
</script>

#輸出:

Vineet
20

說明:這是前兩種方法的組合,我們將方法和參數捆綁在一個函數中,但沒有為它宣告單獨的函數(如方法1中的copyClass),而是簡單地使用函數結構來宣告一個物件。

以上是JavaScript建立物件(3種方式)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn