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

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

10年積累的網(wǎng)站制作、成都網(wǎng)站建設(shè)經(jīng)驗,可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你,你也不認識我。但先建設(shè)網(wǎng)站后付款的網(wǎng)站建設(shè)流程,更有長治免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

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

使用函數(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>

運行結(jié)果:

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

說明:

類有兩個主要組成部分:特定的參數(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>

運行結(jié)果:

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

說明:

此方法與前一種方法的工作原理其實是相同的,但不是將參數(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>

運行結(jié)果:

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

說明:

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

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

網(wǎng)頁標(biāo)題:JavaScript創(chuàng)建對象的方法什么
網(wǎng)頁路徑:http://muchs.cn/article4/jpigoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、用戶體驗定制網(wǎng)站、App開發(fā)、外貿(mào)網(wǎng)站建設(shè)網(wǎng)站排名

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)