ES6之认识和使用箭头函数

箭头函数是es6推出的更为简洁、方便的函数书写语法,通常用于创建无需复用的匿名函数的情况。

- 箭头函数书写形式
以前,我们写函数会这样:

const hello = function() {
  const name = "Jsxj";
  return name;
}

而有了es6的箭头函数后,可以这样写:

const hello = () => {
  const name = "Jsxj";
  return name;
}

如果函数内没有过多操作,只有简单的return语句,那么箭头函数允许去除花括号和return关键字:

const hello = () => "Jsxj"

函数变成简单的单行语句,它也会自动识别返回相应的内容。如果需要传递单个或多个参数,也是和以往一样:

const hello = (name) => "hi,"+name

- 书写高阶箭头函数
假如一个函数需要传递的参数是函数而不是变量,以前我们习惯:

var studentIds = students.map(function (student) {
  return student.id
});
//或者
var studentIds = students.map(getId(student));
var getId = function(s){
	return s.id
}

很麻烦也很难看,但箭头函数可以语句式完成整个高阶函数的编写:

var studentIds = students.map((student) => student.id);

- 函数传入默认参数
es6同意我们直接在函数内传递默认参数,来成就更加灵活:

function hello(name = "Jsxj") {
  return "Hello " + name;
}
console.log(hello("Job")); // Hello Job
console.log(hello()); // Hello Jsxj
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值