``` class nameFunc { constructor(x, y) { this.x = x; this.y = y; } addFunc() { return this.x + this.y } moveFunc() { return this.x - this.y } } var b = new nameFunc(30,20) console.log(b.addFunc()) //50 console.log(b.moveFunc()) //10 ``` > 上面這個等同于下面的ES5寫法 ``` function nameFunc(x,y){ this.x = x; this.y = y; } nameFunc.prototype.addFunc = function () { return this.x + this.y; }; var b = new nameFunc(30,20) console.log(b.addFunc()) //50 ``` > ES6 提供了更接近傳統語言的寫法，引入了 Class（類）這個概念，作為對象的模板。通過class關鍵字，可以定義類。 ***** > 基本上，ES6 的class可以看作只是一個語法糖，它的絕大部分功能，ES5 都可以做到，新的class寫法只是讓對象原型的寫法更加清晰、更像面向對象編程的語法而已。上面的代碼用 ES6 的class改寫，就是頂部這樣。 ***** > 上面代碼定義了一個“類”，可以看到里面有一個constructor方法，這就是構造方法，而this關鍵字則代表實例對象。也就是說，ES5 的構造函數Point，對應 ES6 的Point類的構造方法。 ***** > 注意，定義“類”的方法的時候，前面不需要加上function這個關鍵字，直接把函數定義放進去了就可以了。另外，方法之間不需要逗號分隔，加了會報錯。 ***** ## class 類 無參數的操作 ``` class Bar { doStuff() { console.log('stuff'); } } var b = new Bar(); b.doStuff() // "stuff" ``` ES6 class類的操作，更具想象力，業務更清晰 > 比如，我們做購物車的業務，可以定義一個購物車的類，購物車需要的業務邏輯都放這一個類里，清晰明了！