es6 class以及構(gòu)造函數(shù)(constructor)

miracledan 發(fā)布于2019-08-23 11:29 / 3572人閱讀

摘要：中，生成實(shí)例對(duì)象通過(guò)構(gòu)造函數(shù)來(lái)生成則引用了的概念，使得更接近等語(yǔ)言，更加直觀。要注意的是，中聲明新的實(shí)例必須要用聲明。其中為類(lèi)的默認(rèn)方法，通過(guò)的調(diào)用可以執(zhí)行這個(gè)方法。這事，新的實(shí)例當(dāng)前就會(huì)報(bào)錯(cuò)。

es5中，生成實(shí)例對(duì)象通過(guò)構(gòu)造函數(shù)來(lái)生成：

function Fun(a,b) {
    this.a = a;
    this.b = b;
}
Fun.prototype.showA = function () {
    console.log(this.a)
}
var fun = new Fun(1,2);
fun.showA();//1

es6則引用了class的概念，使得更接近java、c++等語(yǔ)言，更加直觀。如：

class Fun {
    constructor(a,b){
        this.a = a;
        this.b = b;
    }
    showA() {
        console.log(this.a);
    }
}
var fun = new Fun(1,2);
fun.showA();//1

這兩種寫(xiě)法是一樣的，在es6中，class可以理解為一個(gè)語(yǔ)法糖，只是讓這種寫(xiě)法更加直觀。
要注意的是，es6中聲明新的實(shí)例必須要用new聲明。
其中constructor為類(lèi)的默認(rèn)方法，通過(guò)new的調(diào)用可以執(zhí)行這個(gè)方法。每個(gè)類(lèi)都必須要有這個(gè)方法，如果沒(méi)有顯示定義，則一個(gè)空的constructor被添加到類(lèi)里面。constructor方法默認(rèn)返回實(shí)例對(duì)象，即this。也可以返回其他對(duì)象。這事，新的實(shí)例instanceof當(dāng)前class就會(huì)報(bào)錯(cuò)。

GPU云服務(wù)器云服務(wù)器 es6中的class es6class 構(gòu)造函數(shù) 私有構(gòu)造函數(shù)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/97036.html

相關(guān)文章

ES6 中Class創(chuàng)建對(duì)象與繼承實(shí)現(xiàn)

摘要：使用類(lèi)創(chuàng)建實(shí)例對(duì)象也是直接對(duì)類(lèi)使用命令，跟中構(gòu)造函數(shù)的用法一致。中沒(méi)有構(gòu)造函數(shù)，作為構(gòu)造函數(shù)的語(yǔ)法糖，同時(shí)有屬性和屬性，因此同時(shí)存在兩條繼承鏈。子類(lèi)的屬性，表示構(gòu)造函數(shù)的繼承，總是指向父類(lèi)。 1 Class in ES6 ES6提出了類(lèi)(Class)的概念，讓對(duì)象的原型的寫(xiě)法更像面向?qū)ο笳Z(yǔ)言寫(xiě)法。 ES6中通過(guò)class定義對(duì)象，默認(rèn)具有constructor方法和自定義方法，但是包含...

zhou_you 2019-08-20 14:40 評(píng)論0 收藏0
ES6 中Class創(chuàng)建對(duì)象與繼承實(shí)現(xiàn)

摘要：使用類(lèi)創(chuàng)建實(shí)例對(duì)象也是直接對(duì)類(lèi)使用命令，跟中構(gòu)造函數(shù)的用法一致。中沒(méi)有構(gòu)造函數(shù)，作為構(gòu)造函數(shù)的語(yǔ)法糖，同時(shí)有屬性和屬性，因此同時(shí)存在兩條繼承鏈。子類(lèi)的屬性，表示構(gòu)造函數(shù)的繼承，總是指向父類(lèi)。 1 Class in ES6 ES6提出了類(lèi)(Class)的概念，讓對(duì)象的原型的寫(xiě)法更像面向?qū)ο笳Z(yǔ)言寫(xiě)法。 ES6中通過(guò)class定義對(duì)象，默認(rèn)具有constructor方法和自定義方法，但是包含...

wind5o 2019-08-01 16:25 評(píng)論0 收藏0
ES6類(lèi)以及繼承的實(shí)現(xiàn)原理

摘要：中通過(guò)關(guān)鍵字，定義類(lèi)經(jīng)過(guò)轉(zhuǎn)碼之后可以看到類(lèi)的底層還是通過(guò)構(gòu)造函數(shù)去創(chuàng)建的。在中，構(gòu)造函數(shù)是可以直接運(yùn)行的，比如。如果你有靜態(tài)屬性，會(huì)直接添加到構(gòu)造函數(shù)上。不是很好理解，可以通過(guò)下面的方式理解是一個(gè)實(shí)例，是構(gòu)造方法的原型。 ES6中通過(guò)class關(guān)鍵字，定義類(lèi) class Parent { constructor(name,age){ this.name = na...

Warren 2019-08-22 17:05 評(píng)論0 收藏0
ES6 Class類(lèi)

摘要：聲明和定義聲明一個(gè)構(gòu)造函數(shù)聲明一個(gè)類(lèi)以上兩者相比之下，很可以看出，類(lèi)函數(shù)比構(gòu)造函數(shù)，代碼量更少，并且結(jié)構(gòu)層次更加簡(jiǎn)潔明了。類(lèi)主要內(nèi)容是構(gòu)造函數(shù)靜態(tài)方法繼承。構(gòu)造函數(shù)一個(gè)類(lèi)里，必有一個(gè)函數(shù)，默認(rèn)。 ES6 Class類(lèi) ES6中class是基于原型的繼承的語(yǔ)法糖，提供更加清晰的語(yǔ)法來(lái)創(chuàng)建對(duì)象和原型。聲明和定義 es5 聲明一個(gè)構(gòu)造函數(shù)： function Student(name, a...

trigkit4 2019-08-26 11:41 評(píng)論0 收藏0
es6--class以及類(lèi)的繼承

摘要：值得注意的是與完全不同的是不能通過(guò)父類(lèi)參數(shù)來(lái)實(shí)現(xiàn)因?yàn)樽宇?lèi)在沒(méi)有調(diào)用父類(lèi)的之前實(shí)例是沒(méi)有的。使用class class Miaov{ constructor (a,b){ //構(gòu)造對(duì)象的時(shí)候需要傳遞的對(duì)象 this.a=a; this.b=b; return this; //注意這里的ret...

huangjinnan 2019-08-21 16:46 評(píng)論0 收藏0