ES5到ES6的函式引數變化

2021-09-26 06:57:45 字數 1016 閱讀 9758

es5:

function

howmany()

howmany

('111',12

);// 2

howmany(12

);// 1

howmany()

;// 0

es6:

function

sortnum()

// rest

const

sortnum=(

...num)

=>

return num.

sort()

;

function

stu(grades,})

stu(89,

)// 18

stu(89)

// 報錯

// 因此得出結論,這種寫法下,函式引數涉及物件時,傳參一定需要傳入物件與之對應

// 寫法一

functionm1(

=)// 寫法二

functionm2(

=)// 這個稍微複雜一些,我們試著呼叫它看看

// 1. 函式沒有引數的情況m1(

)// [0, 0]m2(

)// [0, 0]

// 2. x和y都有值的情況m1(

)// [3, 8]m2(

)// [3, 8]

// 3. x有值,y無值的情況m1(

)// [3, 0]m2(

)// [3, undefined]

// 4. x和y都無值的情況m1(

)// [0, 0];m2(

)// [undefined, undefined]m1(

)// [0, 0]m2(

)// [undefined, undefined]

根據上述**,我們可以總結一下:

ES6函式比對ES5函式

這裡只做簡單的es6函式與es5函式對比,把es6函式中新增的方法或者用法介紹一下。方便大家學習 記憶。隨著社會發展,瀏覽器肯定會在不久全部支援es6語法,因為現在的ie8使用者都很少了,做web前端將不再受此束縛!其他語言已經支援函式引數預設值,咱們js也不會落後的。例 es6寫法 a 預設值10...

ES5與ES6建構函式

function 函式名 引數 函式名.prototype.方法名 function class 類名 方法名稱 1.定義建構函式 es5 function 函式名定義 es6 class 類名定義 注 class建構函式類名後沒有 2.定義例項化物件屬性和屬性值 es5 function 函式中定...

ES5建構函式與ES6類

es5的建構函式 function f name f.prototype.writecss function f.writejs function 定義在類上的靜態屬性 let f new f f.writecss f.writejs es6的類 class f writecss static wr...