vue42 es6補充 箭頭函式

2021-09-29 22:36:50 字數 1231 閱讀 2844

基本用法: 無參,無返回值

const

fun=

(引數列表)

=>

放入兩個引數

const

sum=

(num1,num2)

=>

放入乙個引數(可省略括號)

const

power

= num =>

函式體有多行**——照常寫

consthi=

()=>

函式體只有一行** ——簡寫

const

mul=

(num1,num2)

=> num1 * num2 //

const

hel=()

=> console.

log(

'hello'

)// 返回undefined

箭頭函式使用場景: 當想要將乙個函式作為引數傳給另乙個函式時

eg。

settimeout

(function()

,100

)settimeout((

)=>

,100

)

箭頭函式的this: 向外層作用域中一層層查詢,直到有this的定義

settimeout

(function()

,100

)settimeout((

)=>

,100

)

const obj =

,100

)settimeout((

)=>

,100)}

}

const obj =

,100

)settimeout((

)=>

,100);

},100)

settimeout((

)=>

,100

)settimeout((

)=>

,100);

},100);}

} obj.

aaa(

);

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