ES6 箭頭函式

2021-10-07 11:16:35 字數 1201 閱讀 8578

箭頭函式

函式的簡潔表達形式,適用於需要匿名函式的地方,不能用作建構函式(不可被new)

箭頭函式語法: (引數1, 引數2, …, 引數n) =>

注:只有乙個引數時可省略圓括號,只有乙個語句可省略{},函式返回該語句的值

沒有引數時有圓括號

var

fun= param1 => param1 +

1console.

log(

fun(1)

)//2

var

fun1

=(param1, param2,

...rest)

=>

fun1(1

,2,3

,4)// [3, 4]

var

fun2

=(param1, param2 =1)

=>

fun2(1

)//2

常規函式的this
函式是某個物件的方法,this指向這個物件

const c1 =

}c1.

fun3()

// aa

函式是乙個建構函式,this指標指向乙個新的物件, nodejs下為global物件,瀏覽器中為window物件

function

fun5()

fun5()

// object [global]

箭頭函式的this
箭頭函式沒有自己的this,預設繫結外層this。

因此,箭頭函式內定義的變數為全域性變數

const c2 =

c2.fun4()

// undefined window物件

var

fun5=(

)=>

fun5()

// 必須先執行,否則undefined

console.

log(name)

// aa

es6箭頭函式

本例是在了解es6知識後在原來定義函式的基礎上進行理解var searchvalue 查詢匹配物件 var button var input var select button if searchvalue.input undefined button.click else 重新整理 tableli...

es6 箭頭函式

1.單引數 function cheng a 3 let cheng a 3 a a console.log cheng 9 2.多引數 function add a,b let add a,b a b 預設返回值 console.log add 3,9 3.無返回值 function add a,...

ES6 箭頭函式

es6 中,箭頭函式就是函式的一種簡寫形式,使用括號包裹數,跟隨乙個 緊接著是函式體 var getprice function 箭頭函式 var getprice 9.15 箭頭函式不僅僅是讓 變得簡潔,函式中 this 總是繫結總shi 指向物件自身 function person 1000 使...