箭头函数返回一个对象
众所周知,箭头函数的写法是
() => {}
,其大括号是函数体的关键符号。
举个例子:
const a = () => 1;
console.log(a()); // 1
const a = b => 1 + b;
console.log(a(2)); // 3
假如:我们想返回一个对象,可能有些小萝卜儿猜测是这样滴,见代码:
const a = b => {
data:b};
console.log(a(9)); // undefined
But
,它的返回值是undefined
,因为这样写滴话,就把大括号当成函数体的关键符号了。
- 那。。。如何返回一个对象呢?
- 方法有两种,请往下看~☺️
方法一、用return
// 方法一、用return:
const a = b => {
return {
data:b}};
console.log(a(9)); // {data: 9}
方法二、不用return
,而是在对象的外侧加个小括号
// 方法二、不用return,而是在对象的外侧加个小括号:
const a = b => ({
data:b});
console.log(a(9)); // {data: 9}