ES6詳細解說,基礎教學(四)

2021-10-21 11:49:08 字數 2574 閱讀 6526

語法:class 類名 {}

class furist

let f=new furist();//f叫做類的引用

類中可以定義方法(函式),也可以定義屬性。

類的方法

類中的方法包含3類,構造方法、成員方法、靜態方法

構造方法

語法:constructor(){}

class fruit

}

成員方法

即一般普通的方法,

語法:方法名(引數)

class fruit

bb(){}

}

靜態方法

語法:static 方法名(引數){}

class fruit

static bb(){}

}

類方法的使用
class friut

aa()

static bb()

}//如果需要使用類,必須要先建立類的例項。

let f=new friut();//建立了乙個friut類的例項

//構造方法,在建立類的例項的時候被呼叫。

let f1=new friut("我是憨憨");

//上面new的變數名,專業術語叫 類的引用。

//成員方法只能使用引用來呼叫

f.aa();

//靜態方法只能使用類名來呼叫

friut.bb();

friut.aa();

類的屬性

類中的屬性的分類 2類,成員屬性,靜態屬性。

成員屬性

語法:屬性名即可,可以在成員方法/構造方法中使用 this.屬性名

注:如果在成員方法中定義的成員屬性,需要呼叫成員方法才可以賦值。如果是靜態方法中定義的屬性,也需要呼叫靜態方法才可以賦值。

靜態屬性

class user

getpwd()

static get***()

}console.log(user.username);

user.get***();

console.log(user.***);

**注:**es6中類的繼承,子類是完全繼承父類的全部。

class fruirt

eating()

static getpi()}}

console.log(ap.sf);

ap.eating()

成員方法/靜態方法

成員屬性/靜態屬性可以直接實現子類的多型,但是,如果構造方法需要實現多型,必須在子類中呼叫父類的構造方法。

子類中呼叫父類的構造方法,採用 super()。

class fruirt

eating()

static getpi()

} sf=false;

constructor()

eating()

}let f=new fruirt();

console.log(ap.sf);

console.log(ap.hh);

ap.eating();

// let f=new fruirt();

// console.log(f.sf);//undefined

console.log(f.sf);//undefined

使用new建立的例項,例項與例項之間互補干擾,各自有各自的作用域。

靜態方法和靜態屬性

靜態屬性在用子類的類名重新賦值的時候,不會影響父類,但如果使用父類的類名給靜態屬性進行賦值,則會影響子類。

//情況一

// console.log(fruirt.wss);

//情況二

fruirt.wss="我是重新2";

用在子類中,

如果在子類中需要呼叫父類的成員方法,可以採用 super.方法名 來使用。注:只能使用在子類成員方法。

如果在子類中需要使用父類的靜態方法,可以採用 super.方法名 來使用,但只能在子類的靜態方法中使用。

如果在子類的成員方法中需要使用父類的靜態方法,可以使用 類名.方法名來呼叫。

class fruirt

eating()

static getpi()

} sf=false;

constructor()

eating()

static getpii()

}ap.eating();

指向當前類,

規則,成員方法只能成員方法之間互調。靜態方法只能靜態方法之間互調。

規則,this 也可以在成員方法中呼叫成員屬性,在靜態方法中呼叫靜態屬性。

class fruirt

eating()

static getpi()

} sf=false;

constructor()

eating()

eating2()

}ap.eating();

最詳細的ES6基礎語法

netscape 網景 公司創造了j ascript這個指令碼語言,j ascript被越來越多的使用,後來出現的指令碼語言也很多,就希望把它提交給國際化標準組織ecma實行秦國的貨幣統一政策,ecma發布的標準就叫做ecmascript ecmascript 6是j ascript語言的下一代標準...

ES6 基礎語法

1 var vs let const var 可以定義全域性變數,與之不同,let的重要特性就是提供了塊級作用域和不具備變數提公升。const主要用於定義常量,常量顧名思義不是變數,意思就是一經定義,值就無法改變。首先弄明白塊級作用域 es5中有全域性作用域與函式作用域,塊級作用域是es6中的新語法...

ES6基礎語法

let 變數 不具備變數提公升特性 const 常量 引用位址不可改變 在宣告時必須被賦值 let和const都是塊級作用域 只在最靠近的乙個塊中 花括號內 有效 在es6中新增了模板字串拼接 var name kingfan var age 18 var msg 我是 今年 歲 console.l...