ES6 箭頭函式

箭頭函式是es6的乙個新特性，採用（箭頭） => 來表示，使函式的宣告更加簡潔，容易。

es6之前我們宣告函式是這樣的：

letfn=

function
(a, b)
// 使用箭頭函式
letfn1
=(a, b)
=> a + b;
// 呼叫
let r1 =fn(
1,2)
;let r2 =
fn1(1,
2);console.
log(r1, r2)
;// 3 3

// 箭頭函式和普通函式的區別：

letfn
=function()
letfn1=(
)=>

letfn=

function
getname()
// 使用箭頭函式：省略了function關鍵字
letfn1=(
)=>
window.name =
'zhangsan'
;const person =
// 呼叫函式fn(
);// zhangsan
fn1(
)// zhangsan
// 接下來我們使用call方法來改變this的指向
fn.call
(person)
;// lisi
fn1.
call
(person)
;// zhangsan

let

person
=(name, age)
=>
let p =
newperson
('wangwu',20
);console.
log(p)
;// uncaught typeerror: person is not a constructor

letfn=

()=>fn(
1,2,
3);// vm1412:2 uncaught referenceerror: arguments is not defined

// 省略小括號，當引數只有乙個的時候

letadd
= n =>
;// 有函式體的時候要加retrun關鍵字
add(1)
// 2
// 省略花括號，當函式體中只有一條語句的時候(省略return關鍵字，執行語句的結果就是函式的結果)
letpow
= n => n * n;
pow(2)
;// 4

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