ES6函式變化

2021-09-17 23:53:17 字數 1058 閱讀 7868

1.函式預設引數
function

show(=

)show()

;

2.函式引數預設是定義過的,不能再使用let, const宣告,否則會報錯
function

show

(x=10

)show()

;

3.擴充套件運算子(...),可以將陣列轉化成普通的數字列表,反過來可以將數字列表轉換成陣列

let arr = [1,2,3];

console.log(...arr); // 1,2,3

function show(...a)

show(1,2,3)

4.rest運算子(...) 三個點還可以叫剩餘運算子,就是函式傳遞的引數,剩餘未接收的值都由(...變數名) 這個變數接收

function show(a,b, ...c)

show(1, 2, 3, 4, 5);

5.箭頭函式

() => 執行的語句

() =>

5.1、箭頭函式中的this指向不再像es5一樣,誰呼叫this就指向誰,

es6中的this指向,指向的是當前函式所在的物件.

5.2、箭頭函式沒有arguments,可以使用(...args)獲取到,args這個名字可以隨便定義

5.3、箭頭函式不能當建構函式來使用

es5

:function

show()

let s =

newshow()

; console.

log(s.name)

;es6

:let

show=(

)=>

let s =

newshow()

; console.

log(s.name)

;//報錯:show is not a constructor

ES6變化 箭頭函式

箭頭函式特點 1.不用寫function關鍵字 2.只能作為函式使用不能new,沒有原型 3.引數不能重複命名 4.返回值可以不寫return,但是有時需要配合 5.內部arguments this 由定義時外圍最接近一層的非剪頭函式的arguments和this決定其值 1 這裡以sum函式為例 ...

es6語法變化(一)

這些是es6最常用的幾個語法,基本上學會它們,我們就可以走遍天下都不怕啦!我會用最通俗易懂的語言和例子來講解它們,保證一看就懂,一學就會。var name zach while true console.log name obamalet name zach while true console.l...

ES5到ES6的函式引數變化

es5 function howmany howmany 111 12 2 howmany 12 1 howmany 0es6 function sortnum rest const sortnum num return num.sort function stu grades,stu 89,18 ...