class {}
class {}
// '' has been
關鍵字
class?Person?{
???constructor(x,?y)?{
????this.x?=?x????//默認返回實例對象?this
????this.y?=?y
??}
??toString()?{
????console.log(this.x?+?',?'?+?this.y)
??}
}
啥子?
每一個類必須要由一個 如果沒有顯示聲明 js引擎會自動添加一個空的構造函數
class?person3?{
}
//等于?
class?person3?{
????constructor(){}
}
注意在類中聲明方法的時候實例名稱有什么用，方法前不加 關鍵字方法之間不要用逗號分隔，否則會報錯類的內部所有定義的方法，都是不可枚舉的（non-）
注意 與es5一樣 實例的屬性除非 顯示定義在其本身(即this對象)上 否則都是定義在原型上面
class?Point?{
??constructor(x,y){
????this.x?=?x;
????this.y?=?y;
????
??}
??toString(){
????return?`this.x?+?this.y`;
??}
}
var?point?=?new?Point();
point.toString()????//(2,3)
point.hasOwnProperty("x")????????//true
point.hasOwnProperty("y")????????//true???在這x&&y都是實例對象point自身的屬性(因為定義在this變量上)?//?所以返回true?
point.hasOwnProperty("toString")?//false??toString是原型對象的屬性?(因為定義在Point類上)?????????????//所以返回false?
point._proto_.hasOwnProperty("toString")?//true??
//加兩個實例?
var?p1?=?new?Point();
var?p2?=?new?Point();
p1._proto_?===?p2._proto_????????????????//true????這個不建議使用?
//上面代碼中?p1和p2?都是point的實例?他們的原型都是Point.prototype?所以?_proto_屬性是相等的?
//即是說?可以通過實例的_proto_?屬性為?"類"?添加方法
super關鍵字
super關鍵字用于訪問和調用 父類上的函數，可以調用父類的構造函數 也可以調用父類的普通函數
?class?Father?{
????????constructor?(surname){
????????????this.surname?=?surname
????????}
????????say(){
????????????console.log("你的名字"?+?this.surname)??//你的名字錘子
????????}
????}
????//在這里?子繼承父類
????class?Son?extends?Father?{
????????constructor(surname,name){
????????????super(surname)
????????????this.name?=?name?
????????}
????????say(){
????????????super.say()
????????????console.log('調用普通'?+?this.name)????//調用普通鐵的
????????}
????}
????var?son?=?new?Son('錘子',"鐵的")
????son.say()
????console.log(son)???//打印??{surname:?"錘子",?name:?"鐵的"
????//在子類的構造函數如果使用?super?調用父類的構造函數?必須寫在?this之前??
????//還可以?調用父類的普通方法?
????//在es6中?類沒變量提升?必須先定義?才能通過實例化對象類里面的?共有屬性?和方法?通過this?調用
????//類?里面的this?代表什么
????//constructor?里面this指向實例對象??
????//?方法里面this?代表?方法的?調用者
繼承
繼承即子承父業現實中 程序中子類可以繼承父類中的一些 方法和屬性
繼承時面向對象的 一大特性 可以減少代碼的編寫 方便公共內容的抽取 關鍵字
?class?Father?{
????????constructor?(surname){
????????????this.surname?=?surname
????????}
????????say(){?????????????????????????????????????//父級Father里面有一個方法?say()??
????????????console.log("你的名字"?+?this.surname)
????????}
????}
????class?Son?extends?Father?{?????????????????????//在這里Son?繼承了?Father父級里面的方法???關鍵字extends?
????}
????var?son?=?new?Son('錘子')??????????????????????//new?出來實例???
????son.say()??????????????????????????????????????//打印??你的名字錘子
類的方法
class?Person??{
?????????constructor(name,?age)?{????
????//?構造函數，接收一個name和age
?????????????this.name?=?name
?????????????this.age?=?age?
?????????}
?????????say(){
????//?一個方法??//注意類里面的方法不加function關鍵字??方法與方法之間不用,號隔開?
?????????????console.log("你好",this.name)
?????????}
?????????//?....sayWhat(){}?saySome(){}
????}
?????var?person??=?new?Person('老王',44)
????//調用方法
?????person.say()??//老王
????//在類的實例上調用方法?其實就是調用?原型上的方法
類的表達式
與函數一樣 calss 也可以使用表達式的形式定義 采用class表達式 可以寫出立即執行的Class!!
注意與函數表達式類似 類表達式在他們被求值前也不能使用(即賦值變量 之前調用) 但 與函數定義不同 雖然函數聲明可以提升 但類不能
類表達式（類定義）
類表達式可以是被命名的或匿名的
匿名類
let?Person?=?class?{
??constructor(x,?y)?{
????this.x?=?x
????this.y?=?y
??}
}
命名的類
let?Person?=?class?Person?{
??constructor(x,?y)?{
????this.x?=?x
????this.y?=?y
??}
}
const?Mycalss?=?class?Me?{
????getClassName(){
????????return?Me.name;
????}
};?????//這里用?表達式(即賦值變量一個)?
???????//注意!?這個類的名字是Mycalss而不是?Me?Me只在Class的內部代碼可用?指代當前類
let?inst?=?new?Mycalss();
inst.getClassName()???//Me???
Me.name???????????????//報錯??Me只在Class內部有定義
采用class表達式 可以寫出立即執行的Class!!
let?person?=?new?class?{
????constructor(name)?{
???????this.name?=?this.name;?
????}????
????sayname(){
????????console.log(this.name);
????}
}("常東東")?????????//這段代碼中class是立即執行的實例
補充案例
class?Animal?{???????????????????????//class定義了一個“類”
????????constructor(){
????????????this.type?=?'animal'?????//有一個constructor方法，這就是構造方法???//this關鍵字則代表實例對象
????????}????????????????????????????//constructor內定義的方法和屬性是實例對象自己的，而constructor外定義的方法和屬性則是所有實例對象可以共享的?注意!
????????says(say){
????????????console.log(this.type?+?'?says?'?+?say)
????????}
????}
????let?animal?=?new?Animal()
????animal.says('hello')????//animal?says?hello
????class?Cat?extends?Animal?{???????//通過extends關鍵字實現繼承??//定義了一個Cat類，該類通過extends關鍵字，繼承了Animal類的所有屬性和方法。
????????constructor(){
????????????super()??????????????????//super關鍵字?它指代父類的實例（即父類的this對象）子類必須在constructor方法中調用super方法，否則新建實例時會報錯。
????????????this.type?=?'cat'????????//這是因為子類沒有自己的this對象，而是繼承父類的this對象，然后對其進行加工。如果不調用super方法，子類就得不到this對象。???
????????}
????}
????let?cat?=?new?Cat()
????cat.says('hello')???????//cat?says?hello
關于“es6的class有什么用”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“es6的class有什么用”知識都有一定的了解實例名稱有什么用，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。