筆記 ES6新特性 函式的簡寫（箭頭函式）

2021-08-15 09:38:53 字數 1493 閱讀 6419

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


()//簡寫為：


let fn = ()=>


//根據規則二，簡寫為：


let fn = ()=>'helloworld';
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 = function


();}


//簡寫為：


//let fn = ()=>;這是錯誤的


//應簡寫為：


let fn = ()=>();//注意{}外的圓括號。
//排序方法1


let arr = [3,6,2,1];


let arr2 = arr.sort(function


(a,b));


alert(arr2);


//排序方法2


let arr3 = [939,23,0,-1,94];


let arr4 = arr3.sort((a,b)=>a-b);


alert(arr4);
只是一種函式的簡寫，可用可不用，看程式猿心情；

類似於匿名函式，在某些情況下使用，可減少**量。

ES6新特性 函式的簡寫（箭頭函式）

var fn function 例如 var add function a,b 或者 function fn 例如 function add a,b 將原函式的 function 關鍵字和函式名都刪掉，並使用 連線引數列表和函式體。function add a,b 簡寫為 a,b var add f...

ES6特性 箭頭函式

es6允許使用 箭頭 定義函式。基本語法 引數 函式體 var f v v 等價於 var f function v 如果箭頭函式不需要引數或需要多個引數，需要使用 括起來 var f 1 等價於 var f function var sum a,b a b 等價於 var sum function...

ES6新特性之變數與箭頭函式

es6中新增了let與const來定義變數 console.log a 這裡的a指的是 塊裡的a上方 可以輸出結果為1，因為var是全域性宣告的，所以，即使是在區塊裡宣告，但仍在全域性起作用 再來看看下面這段 var a 1 console.log a 輸出為2，因為var是全域性宣告的 總結 用v...