ES6 箭頭函式

箭頭函式中：()=>{} 等價於 function () {}

>

/* 箭頭函式：
第一種：沒有引數，且只有一條語句輸出 可以省略{}
*/let
fun=()
=>console.
log(
"我是fun箭頭函式");
fun();
// 第二種：有乙個引數，有且只有一條語句輸出 可以省略{}和return
letfun2
=(x)
=>x+1;
console.
log(
fun2(2
));// 3
// 第三種：有多個引數，且只有乙個函式體輸出 可以省略{}和return返回
letfun3
=(a,b,c)
=>a+b+c;
console.
log(
fun4(1
,2,3
));// 6
// 第四種：有多個引數，且有多條語句輸出，不能省略{}和return
letfun5
=(a,b,c)
=>
; console.
log(
fun5(4
,5,6
));//15
// 第五種：箭頭函式沒有自己的this,箭頭函式的this是依賴於上層的物件是誰，箭頭函式的this就是誰
function
fun4()
script
>

箭頭函式中this的指向

>

// es5
function
fun(
)fun()
;// es6
varfun1
= n =>
fun1()
;script
>

>

// es5
var odiv = document.
getelementbyid
('box');
odiv.
onclick
=function()
// es6
odiv.
onclick=(
)=>
script
>

>

// es5
function
person()
}}var p =
newperson()
; p.
eat()(
);// es6 
function
dog()}
}var d =
newdog()
; d.
eat()(
);script
>

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