一、函式引數的擴充套件

ES6支援引數的預設值：

function fn(name,age,sex="男")
{
	console.log(`大家好,我是${name},性別${sex},今年${age}歲!`);
}
fn("劉德華",45); //大家好,我是劉德華,性別男,今年45歲!

傳遞undefined,取預設值：

function fn(name,sex="男",age)
{
	console.log(`大家好,我是${name},性別${sex},今年${age}歲!`);
}
fn("劉德華",undefined,45); //大家好,我是劉德華,性別男,今年45歲!

不定引數:不定引數用來表示不確定引數個數：

function Add(...items)
{
	// let sum = 0;
	// for(let item of items)
	// {
	// 	sum += item;
	// }
	// return sum;
	
	let sum = 0;
	for(var i = 0;i< items.length;i++)
	{
		sum += items[i];
	}
	return sum;
}
let result1 = Add(1,2,3);
let result2 = Add(1,3,5,7,9);
console.log(result1); //6
console.log(result2); //25
 

二、箭頭函式

箭頭函式提供了一種更加簡潔的函式書寫方式,基本語法是：引數 => 函式體

沒有引數的函式(引數部分需要有一對空括號)：

let f = ()=>{console.log("hello,world!")}
f(); //hello,world

等價於：

function f()
{
	console.log("hello,world!");
}
f(); //hello,world

只有一個引數的函式(引數部分不需要括號)：

let f = num =>{
	if(num%2 == 0)
		return "偶數";
	else
		return "奇數";
}
console.log(f(50)); //偶數
 

有多個引數的函式(引數部分需要括號)：

let f = (a,b)=>{
	let c = a+b;
	return c;
}
console.log(f(2,3)); //5

當只有一行語句，並且需要返回結果時，可以省略 {} , 結果會自動返回：

let f = (a,b) => a+b;
console.log(f(2,3)); // 5

當箭頭函式要返回物件的時候，為了區分於程式碼塊，要用 () 將物件包裹起來：

let f = (id,name) => {id: id, name: name};
let obj = f("001","劉德華");  // 報錯
console.log(obj);

let f = (id,name) => {
	return {id: id, name: name};
};
let obj = f("001","劉德華");  
console.log(obj); //{id:"001",name:"劉德華"}

let f = (id,name) => ({id: id, name: name});
let obj = f("001","劉德華");
console.log(obj); //{id:"001",name:"劉德華"}

本文來自部落格園，作者：農碼一生，轉載請註明原文連結：https://www.cnblogs.com/wml-it/p/15967793.html