es6函式寫法差別 箭頭函式

經典練習 常看

老方法定義

var fn = function(...)

//例如：
var add = function(a,b)
//或者：
function fn(...)
//例如：
function add(a,b)

將原函式的「function」關鍵字和函式名都刪掉，並使用「=>」連線引數列表和函式體。

function add(a,b)

//簡寫為：
(a,b)=>
var add = function(a,b)
//簡寫為：
var add = (a,b)=>

函式體（中括號）中有且只有一行return語句時，中括號及return 關鍵字可以省略。

新舊函式定義的對比

|乙個引數與簡寫| |

let fn = function(a)

//簡寫為：
let fn = (a)=>
//根據規則一，還可以簡寫為：
let fn = a=>
//根據規則二，還可以簡寫為：
let fn = a=>a;

let fn = function(a,b)

//簡寫為：
let fn = (a,b)=>
//根據規則二，還可以簡寫為：
let fn = (a,b)=>a+b;

let fn = function();

}//簡寫為：
//let fn = ()=>;這是錯誤的
//應簡寫為：
let fn = ()=>();//注意{}外的圓括號。

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