如何让代码更规范

2023-12-11 19 0

1、使用箭头函数简化函数定义

// 传统函数定义

function add(a, b) {

return a + b;

}

// 箭头函数简化

const add = (a, b) => a + b;

2、使用解构赋值简化变量声明

// 传统变量声明

const firstName = person.firstName;

const lastName = person.lastName;

// 解构赋值简化

const { firstName, lastName } = person;

3、使用模板字面量进行字符串拼接

// 传统字符串拼接

const greeting = 'Hello, ' + name + '!';

// 模板字面量简化

const greeting = `Hello, ${name}!`;

4、使用数组的高阶方法简化循环和数据操作

// 遍历数组并返回新数组

const doubled = numbers.map(num => num * 2);

// 过滤数组

const evens = numbers.filter(num => num % 2 === 0);

5、使用条件运算符简化条件判断

// 传统条件判断

let message;

if (isSuccess) {

message = 'Operation successful';

} else {

message = 'Operation failed';

}

// 条件运算符简化

const message = isSuccess ? 'Operation successful' : 'Operation failed';

6、使用对象解构和默认参数简化函数参数

// 传统参数设置默认值

function greet(name) {

const finalName = name || 'Guest';

console.log(`Hello, ${finalName}!`);

}

// 对象解构和默认参数简化

function greet({ name = 'Guest' }) {

console.log(`Hello, ${name}!`);

}