ES6 箭頭函式

es6中新增了乙個箭頭函式，主要用來簡化匿名函式的編寫。

箭頭函式一般用於這種方式：var fun = function(){}，將函式賦值給乙個變數的時候。如果是function fun = {}，這種函式本身有名字的就不適用使用箭頭函式。

1 基本寫法

var fun = function(){}用箭頭函式寫就是：var fun = ()=>{};

2 有乙個引數的函式

var fun = function(a)用箭頭函式寫法var fun = (a)=>;，當只用乙個引數的時候也可以省略掉引數外面的括號：var fun = a=>

3 多個引數的函式

var fun = function(a,b)用箭頭函式寫法var fun = (a,b)=>;，多個引數外面的括號不能省略

4 函式體只有一條語句的時候，可以省略函式體外層的大括號，並且該條語句執行結果預設就是函式的返回值

var fun = function(a)用箭頭函式寫法可以寫成var fun = a=>console.log(a);

var fun = function(a,b)用箭頭函式寫法可以寫成var fun = (a,b)=>a+b;，呼叫函式 console.log(fun(10,20));輸出結果是30

5 箭頭函式中this的指向

在一般定義的函式中，this指向呼叫它的那乙個物件。而在箭頭函式中的this不是這樣的指向，在箭頭函式中如果有外層函式，則箭頭函式中的this指向外層函式的this，如果沒有外層函式則箭頭函式的this指向window。

例，有兩個button，id分別是btn1和btn2，用一般函式和箭頭函式給他們的點選時間新增函式，點選後列印該函式的this；

let btn1 = document.getelementbyid('btn1');

let btn2 = document.getelementbyid('btn2');

btn1.onclick = function()

btn2.onclick = ()=>

分別點選兩個按鈕，btn1列印的this就是指向btn1按鈕，而btn2列印的this指向window

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