ES6基礎(chǔ)語法之函數(shù)介紹
更新時間：2022年05月02日 13:33:45 作者：農(nóng)碼一生
這篇文章介紹了ES6中函數(shù)的用法，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
一、函數(shù)參數(shù)的擴展
ES6支持參數(shù)的默認值：
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歲!不定參數(shù):不定參數(shù)用來表示不確定參數(shù)個數(shù)：
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二、箭頭函數(shù)
箭頭函數(shù)提供了一種更加簡潔的函數(shù)書寫方式,基本語法是：參數(shù) => 函數(shù)體
沒有參數(shù)的函數(shù)(參數(shù)部分需要有一對空括號)：
let f = ()=>{console.log("hello,world!")}
f(); //hello,world等價于：
function f()
{
console.log("hello,world!");
}
f(); //hello,world只有一個參數(shù)的函數(shù)(參數(shù)部分不需要括號)：
let f = num =>{
if(num%2 == 0)
return "偶數(shù)";
else
return "奇數(shù)";
}
console.log(f(50)); //偶數(shù)有多個參數(shù)的函數(shù)(參數(shù)部分需要括號)：
let f = (a,b)=>{
let c = a+b;
return c;
}
console.log(f(2,3)); //5當(dāng)只有一行語句，并且需要返回結(jié)果時，可以省略 {} , 結(jié)果會自動返回：
let f = (a,b) => a+b; console.log(f(2,3)); // 5
當(dāng)箭頭函數(shù)要返回對象的時候，為了區(qū)分于代碼塊，要用 () 將對象包裹起來：
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:"劉德華"}到此這篇關(guān)于ES6基礎(chǔ)語法之函數(shù)的文章就介紹到這了。希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
先來學(xué)習(xí)一下Javascript語言中的基礎(chǔ)知識問題其時對于每種編程語言來說基礎(chǔ)知識都是大同小異的，對變量，函數(shù)，條件語句塊，循環(huán)語句塊等等,本文簡要介紹一下，感興趣的朋友可以了解下2013-01-01
下面小編就為大家?guī)硪黄狫avascript之BOM(window對象)詳解。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了Javascript基礎(chǔ)教程之if條件語句,需要的朋友可以參考下2015-01-01
javascript基礎(chǔ)之?dāng)?shù)據(jù)類型詳解
這篇文章主要介紹了如何理解JavaScript中的數(shù)據(jù)類型，幫助大家更好的學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2021-11-11
這篇文章介紹了JS獲取表單中的元素和取值方法，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04
深入理解JavaScript系列（30）：設(shè)計模式之外觀模式詳解
這篇文章主要介紹了深入理解JavaScript系列（30）：設(shè)計模式之外觀模式詳解,外觀模式（Facade）為子系統(tǒng)中的一組接口提供了一個一致的界面,此模塊定義了一個高層接口,這個接口值得這一子系統(tǒng)更加容易使用,需要的朋友可以參考下2015-03-03
JavaScript中__proto__與prototype的關(guān)系深入理解
本文將討論下對象的內(nèi)部原型(__proto__)和構(gòu)造器的原型（prototype）的關(guān)系，需要了解更多的朋友可以參考下2012-12-12
流程控制語句在JS中是至關(guān)重要的。JS中的流程控制語句包括if條件判斷語句、for循環(huán)語句、while循環(huán)語句、do……while循環(huán)語句、break語句、continue語句和switch語句等7種語句,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了JavaScript類屬性的訪問方式,需要的朋友可以參考下2014-02-02
opener: 指parent表示父窗口，比如一個A頁面利用iframe或frame調(diào)用B頁面，那么A頁面所在窗口就是B頁面的parent，下面為大家介紹下其詳細的使用方法，感興趣的朋友可以參考下2013-10-10