JavaScript-箭头函数
# 隐式返回语法
在使用箭头函数的隐式返回语法时,需要根据返回值的类型来确定是否需要使用括号。
当返回一个对象字面量时,需要使用括号,以明确指示要返回一个对象。
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当返回一个表达式或单个值时,不需要使用括号。
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