ES6 Class語法介紹

2021-09-02 02:15:10 字數 457 閱讀 2923

參考文章:ecmascript 6 入門

概述

基本上,es6 的class可以看作只是乙個語法糖,它的絕大部分功/能,es5 都可以做到,新的class寫法只是讓物件原型的寫法更加清晰、更像物件導向程式設計的語法而已。

舉個栗子:

// es5

function

point

(x, y)

point.prototype.

tostring

=function()

;// es6

class

point

tostring()

}// 即es5的建構函式point,對應es6的point類的構造方法。

基本語法

class的繼承

簡單理解 es6 class

類即物件 es6 除錯最簡單的方法 直接在node控制台執行js,完全不需要考慮瀏覽器相容性而去安裝babel等編譯器的去編譯後再除錯 先舉個例子 class a start 複製 乙個類就這麼產生了,只要new一下,這個類就可以被用了 let b new a 複製 可能這個類將會有很多地方要使用,...

ES6 Class基本用法

es6提供了更接近傳統語言的寫法,引入了class 類 這個概念,作為物件的模板。通過class關鍵字,可以定義類。基本上,es6的class可以看作只是乙個語法糖,它的絕大部分功能,es5都可以做到,新的class寫法只是讓物件原型的寫法更加清晰 更像物件導向程式設計的語法而已。1.我們先用建構函...

es6 Class 的例項物件

es6 生成類的例項物件的寫法,與 es5 完全一樣,也是使用new命令。前面說過,如果忘記加上new,像函式那樣呼叫class,將會報錯。class point 報錯 var point point 2 3 正確 var point new point 2 3 與 es5 一樣,例項的屬性除非顯式...