ES6基础语法之箭头函数

ES6(ES2015)中新增一种函数写法,箭头函数极大便利了书写函数的方式!

接下来看一下ES5和ES6的区别

ES5:

function add(x,y){
	return x+y;
}
   add(3,5)

ES6:

let add=(x,y) => x+y
add(3,5)

不再像之前需要使用function来声明!

上面是一个极其简单的箭头函数

接下来看一个标准的箭头函数

let sum=(x+y+z)=>{
    console.log(x,y,z)
    console.log("sum:"x+y+z)
}

如果参数中比如x,y,z在没有指定z的情况下给z返回一个默认值该如何操作呢

ES5:

function de(x,y,z){
	var z=z || 0;
	console.log(x,y,z)
}
de(1,2)

ES6:

//ES6方式

let de2=(q,w,e=2)=>{
	console.log(q,w,e)
}

ES6直接在参数中=默认值就解决,上述中只是出一个参数的默认值,多个参数下ES6的便利性毋庸置疑!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web前端-

函数基础知识回顾

  String    Number   Boolean   Null    undefined    //占有固定的内存大小,如数值型占八个字节,布尔类型...

753
来自专栏python成长之路

类的单例模式

1565
来自专栏青玉伏案

窥探Swift之数组安全索引与数组切片

  今天是元宵节,祝大家元宵节快乐!在Swift中的数组和字典中下标是非常常见的,数组可以通过索引下标进行元素的查询,字典可以通过键下标来获取相应的值。在使用数...

2775
来自专栏ccylovehs

JavaScript之深拷贝和浅拷贝

工作中会经常遇到操作数组、对象的情况,你肯定会将原数组、对象进行‘备份’ 当真正对其操作时发现备份的也发生改变,此时你一脸懵逼,到时是为啥,不是已经备份了么,怎...

1261
来自专栏cs

python的顺序程序设计

赋值 同步赋值:变量1,变量2,....变量n=表达式1,表达式2,.....表达式n 同步赋值首先计算右边n个表达式的值,然后同时将表达式的值赋给左边的n...

4336
来自专栏java一日一条

Java常量池解析与字符串intern简介

  在Java应用程序运行时,Java虚拟机会保存一份内部的运行时常量池,它区别于class文件的常量池,是class文件常量池映射到虚拟机中的数据结构。 关于...

1002
来自专栏HappenLee的技术杂谈

C++雾中风景6:拷贝构造函数与赋值函数

这里我们显式声明了拷贝构造函数与赋值构造函数,接下来我们用一小段代码测试一下上面定义的类。(其他函数的定义并不完整,读者可以之行补全)

912
来自专栏令仔很忙

新手学JAVA(一)——Equals和“==”的区别

    如果操作两边都是对象句柄,就比较两个句柄是否指向同一个对象。如果两边是基本类型,则比较的就是值。

1031
来自专栏极客慕白的成长之路

Python字符串格式化

格式化字符串时,Python使用一个字符串作为模板。模板中有格式符,这些格式符为真实值预留位置,并说明真实数值应该呈现的格式。Python用一个tuple将多个...

1402
来自专栏pangguoming

理解js中的new

new 操作符 在有上面的基础概念的介绍之后,在加上new操作符,我们就能完成传统面向对象的class + new的方式创建对象,在Javascript中,我们...

4114

扫码关注云+社区

领取腾讯云代金券