在ES6中,class (類)作爲對象的模板被引入,可以通過 class 關鍵字定義類。class 的本質是 function(代碼翻譯成javascript就是function)。它可以看作一個語法糖,讓對象原型的寫法更加清晰、更像面向對象編程的語法。
一、類聲明,關鍵字爲class
方法一:
class Example
{
}
方法一:
let Example1 = class{
}
作用域內不可重複聲明相同類名
<script>
class Example2
{
}
//Uncaught SyntaxError: Identifier 'Example2' has already been declared
let Example2 = class{
}
</script>
二、constructor 方法
constructor 方法是類的默認方法,創建類的實例化對象時被調用。類比構造函數
class Example3{
constructor(){
//默認返回實例對象 this
console.log('constructor');
}
}
new Example3(); // constructor
三、靜態方法
class Example4{
static test(str) {
console.log(str);
}
}
//可不用實例化(new關鍵字),直接調用
Example4.test("aaaaaaaaaa"); //aaaaaaaaaa
四、實例化的方法
class Example5 {
test(str) {
console.log(str);
}
}
//先需要實例化(new關鍵字)
let exam = new Example5();
exam.test("bbbbbbbb"); //bbbbbbbb
五、通過 extends 實現類的繼承
class Child extends Father {
}