1. 程式人生 > >JavaScript函式的Lambda簡略寫法(箭頭函式)

JavaScript函式的Lambda簡略寫法(箭頭函式)

JS的箭頭函式是函式表示式的簡略寫法,格式如下:

(引數1,引數2,......,引數n) =>{ 具體函式邏輯 }

該表示式相當於定義瞭如下函式:

function(引數1,引數2,......,引數n)
{
	具體函式邏輯
}

當我們需要使用這個函式的時候,要將建立的函式賦給一個var變數,然後通過變數的名字去呼叫它

舉個例子:

<script>
	//宣告箭頭函式
	var A=(a,b)=>
	{
		alert(a);
		alert(b);
	}
	//呼叫箭頭函式
	A(1,2);
</script>
效果圖:

在這裡插入圖片描述
在這裡插入圖片描述

更簡略的書寫方式

1.當函式的邏輯部分只有一個return語句的時候,則可以省略函式體的{ }括號和return語句,例如:

var A=(a)=>alert(a);
A(3);
/*等同於
var A=(a)
{
	alert(a);
}
A(3);
*/

執行該程式碼後瀏覽器將彈出帶有"3"的提示框

2.當函式的引數只有一個引數的時候,可以省略引數列表的( )括號,例如:

var A=a=>alert(a);
A(3);
/*等同於
var A=(a)=>alert(a);
A(3);
*/

3.當函式不需要引數,( )括號不可以省略,例如:

var A=()=>alert("bbb");
A();

這樣的書寫熟練掌握了之後,對於JS程式設計的速度會有很大的提升