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...