2022-05-15 学习记录--es6-箭头函数返回一个对象

箭头函数返回一个对象

众所周知,箭头函数的写法是() => {},其大括号是函数体的关键符号。

举个例子:

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}

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_48850734/article/details/124784557
今日推荐