ES6基礎語法之函數(shù)介紹
更新時間：2022年05月02日 13:33:45 作者：農碼一生
這篇文章介紹了ES6中函數(shù)的用法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
一、函數(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當只有一行語句，并且需要返回結果時，可以省略 {} , 結果會自動返回：
let f = (a,b) => a+b; console.log(f(2,3)); // 5
當箭頭函數(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:"劉德華"}到此這篇關于ES6基礎語法之函數(shù)的文章就介紹到這了。希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
先來學習一下Javascript語言中的基礎知識問題其時對于每種編程語言來說基礎知識都是大同小異的，對變量，函數(shù)，條件語句塊，循環(huán)語句塊等等,本文簡要介紹一下，感興趣的朋友可以了解下2013-01-01
下面小編就為大家?guī)硪黄狫avascript之BOM(window對象)詳解。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了Javascript基礎教程之if條件語句,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了如何理解JavaScript中的數(shù)據類型，幫助大家更好的學習JavaScript，感興趣的朋友可以了解下2021-11-11
這篇文章介紹了JS獲取表單中的元素和取值方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04
深入理解JavaScript系列（30）：設計模式之外觀模式詳解
這篇文章主要介紹了深入理解JavaScript系列（30）：設計模式之外觀模式詳解,外觀模式（Facade）為子系統(tǒng)中的一組接口提供了一個一致的界面,此模塊定義了一個高層接口,這個接口值得這一子系統(tǒng)更加容易使用,需要的朋友可以參考下2015-03-03
JavaScript中__proto__與prototype的關系深入理解
本文將討論下對象的內部原型(__proto__)和構造器的原型（prototype）的關系，需要了解更多的朋友可以參考下2012-12-12
流程控制語句在JS中是至關重要的。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調用B頁面，那么A頁面所在窗口就是B頁面的parent，下面為大家介紹下其詳細的使用方法，感興趣的朋友可以參考下2013-10-10