ES6基础语法之函数介绍

 更新时间:2022年05月02日 13:33:45   作者:農碼一生  
这篇文章介绍了ES6中函数的用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

一、函数参数的扩展

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:"刘德华"}

到此这篇关于ES6基础语法之函数的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 详解JavaScript操作HTML DOM的基本方式

    详解JavaScript操作HTML DOM的基本方式

    这篇文章主要介绍了详解JavaScript操作HTML DOM的基本方式,HTML DOM是专门适用于HTML/XHTML的文档对象模型,需要的朋友可以参考下
    2015-10-10
  • TypeScript开发环境安装

    TypeScript开发环境安装

    这篇文章介绍了TypeScript开发环境的安装方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • javascript设计模式之享元模式

    javascript设计模式之享元模式

    这篇文章主要为大家介绍了javascript享元模式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • javascript模拟订火车票和退票示例

    javascript模拟订火车票和退票示例

    这篇文章主要介绍了javascript模拟订火车票和退票示例,需要的朋友可以参考下
    2014-04-04
  • 你真的了解JavaScript的作用域与闭包吗

    你真的了解JavaScript的作用域与闭包吗

    这篇文章主要为大家详细介绍了JavaScript作用域与闭包,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • javascript编程起步(第四课)

    javascript编程起步(第四课)

    javascript编程起步(第四课)...
    2007-01-01
  • JS和函数式语言的三特性

    JS和函数式语言的三特性

    本文内容是我阅读《JavaScript语言精髓与编程实践》时,做的读书笔记,周爱民老师的书写的太深刻了
    2014-03-03
  • Javascript中的数据类型之旅

    Javascript中的数据类型之旅

    JavaScript 是一种弱类型或者说动态语言。这意味着你不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。这也意味着你可以使用同一个变量保存不同类型的数据。
    2015-10-10
  • javascript的几种继承方法介绍

    javascript的几种继承方法介绍

    下面小编就为大家带来一篇javascript的几种继承方法介绍。小编觉得挺不错的。现在分享给大家,给大家一个参考
    2016-03-03
  • web面试之JS预解析与变量提升区别

    web面试之JS预解析与变量提升区别

    这篇文章主要介绍了web面试中常会问道的问题,JS函数预解析与变量提升区别,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步早日升职加薪
    2021-09-09

最新评论