Blog
首页
文档
收藏
关于
  • 在线转换时间戳 (opens new window)
  • 在线压缩图片 (opens new window)
  • Float-Double转二进制 (opens new window)
  • 文件转Hex字符串 (opens new window)

HiuZing

🍑
首页
文档
收藏
关于
  • 在线转换时间戳 (opens new window)
  • 在线压缩图片 (opens new window)
  • Float-Double转二进制 (opens new window)
  • 文件转Hex字符串 (opens new window)
  • 前端面试题

  • JavaScript

    • JavaScript语法

      • JavaScript-数据类型
      • JavaScript-ES6编程风格
      • JavaScript-异步编程
      • JavaScript-Promise
      • JavaScript-Proxy
      • JavaScript-Reflect
      • JavaScript-Iterator
      • JavaScript-Module
      • JavaScript-拷贝
      • JavaScript-this
      • JavaScript-垃圾回收机制
      • JavaScript-闭包
      • let和const
      • JavaScript-参数默认值
      • JavaScript-rest
      • JavaScript-扩展运算符
      • JavaScript-Symbol
      • JavaScript-生成器
      • JavaScript-class类
      • JavaScript-数值扩展
      • JavaScript-高阶函数
      • JavaScript-箭头函数
        • 隐式返回语法
    • JavaScipt对象

    • JavaScript实例

    • JavaScript浏览器BOM

    • JavaScript DOM

  • Vue2

  • port

  • CSS

  • Node.js

  • JavaScript优化

  • uniapp

  • Mini Program

  • TypeScript

  • 面向对象编程

  • UI组件

  • Plugin

  • Vue3

  • 性能优化

  • Axios

  • 状态管理

  • React

  • Mock

  • Icon

  • Template

  • 构建工具

  • 项目规范配置

  • Taro

  • SVG

  • React Native

  • 前端
  • JavaScript
  • JavaScript语法
HiuZing
2023-05-18
目录

JavaScript-箭头函数

# 隐式返回语法

在使用箭头函数的隐式返回语法时,需要根据返回值的类型来确定是否需要使用括号。

  1. 当返回一个对象字面量时,需要使用括号,以明确指示要返回一个对象。

    const getObject = () => ({ key: value });
    
    regionList.map(item=>({text:item.title, value:item.value}))
    
    1
    2
    3

    当返回的代码需要多行时,需要使用括号将其包裹起来。

    const getMultilineObject = () => ({
      key1: value1,
      key2: value2,
      key3: value3
    });
    
    1
    2
    3
    4
    5

    如果在箭头函数中有多个返回语句,并且它们不是对象字面量或单个表达式,那么就需要使用括号将这些返回语句包裹起来。

    setDataSource(dataSource.map(item => {
      if (item.id === currentId) {
        return (
          // 多行返回语句需要使用括号
          someComplexExpression()
        );
      } else {
        return (
          // 多行返回语句需要使用括号
          anotherComplexExpression()
        );
      }
    }));
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
  2. 当返回一个表达式或单个值时,不需要使用括号。

    const getValue = () => 10 * 2;
    
    1

    虽然返回的代码是多行的,但是由于每个返回语句都是一个完整的表达式,因此不需要使用括号。

    setDataSource(dataSource.map(item => {
        if (item.id === currentId) {
            return {
                ...item,
                // 把最新的rightList覆盖
                rights: currentRights
            }
        }else {
            return item
        }
    }))
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
上次更新: 2024/08/14, 04:14:33
JavaScript-高阶函数
JavaScript-Date对象

← JavaScript-高阶函数 JavaScript-Date对象→

最近更新
01
React Native 使用SVG
08-13
02
Docker基础命令
08-04
03
算数逻辑单元
07-30
更多文章>
Theme by Vdoing | Copyright © 2021-2024 WeiXiaojing | 友情链接
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式