vue42 es6補充箭頭函式

基本用法：無參，無返回值

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

vue42 es6補充 箭頭函式

es6箭頭函式

es6 箭頭函式

ES6 箭頭函式

相關推薦

vue42 es6補充箭頭函式