(1)ES5構造函數語法
function 函數名(參數...){
this.屬性 = 參數;
this.屬性 = 屬性值;
}
函數名.prototype.方法名 = function(){
執行的程序;
}
(2)ES6構造函數語法
class 類名{
constructor(參數...){
this.屬性 = 參數;
this.屬性 = 屬性值;
}
方法名稱(){
執行的程序;
}
}
(3)ES5與ES6語法對比
⭐ES5與ES6區別
1.定義構造函數:
ES5---function 函數名定義
ES6---class 類名定義
注:class構造函數類名后沒有()
2.定義實例化對象屬性和屬性值:
ES5---function函數中定義實例化對象屬性和屬性值
ES6---constructor構造器中定義實例化對象屬性和屬性值
二者語法形式完全相同,只是書寫位置不同
3.定義方法:
ES5---函數名.prototype.方法名 = function(){}
ES6---方法名稱(){}
構造函數的函數方法,都是定義在構造函數的prototype中,只是語法不同