1、利用“或”(||)短路逻辑,给变量赋值。
// a应该是一个有意义的字符串,不能说null,undefined,null
const getData = (a) => {
// let b = "";
// if (a !== null || a !== undefined || a !== false) {
// b = a;
// }
// 简化
let b = a || "";
};
2、利用箭头函数简化函数
// 求两个数的和
// const sum = function (a, b) {
// return a + b;
// };
// 简化
const sum = (a, b) => a + b;
3、利用三元运算符号简化if else
const difNum = (a, b) => {
// let res;
// if (a > b) {
// res = a - b;
// } else {
// res = b - a;
// }
// return res;
// 简化
return a > b ? a - b : b - a;
};
4、利用ES6对象解构简化
const data = {
a: 1,
b: 2,
c: 3,
d: 4,
e: 5,
f: 6,
};
const sum = (data) => {
// const a = data.a,
// b = data.b,
// c = data.c;
// 简化
const { a, b, c } = data;
};
5、利用数组中元素检测进行条件判断
const isShow = (a) => {
// let res = false;
// if (a === "你好") {
// res = true;
// }
// if (a === "你好啊") {
// res = true;
// }
// if (a === "哈喽") {
// res = true;
// }
// if (a === "hello") {
// res = true;
// }
// if (a === "嗨") {
// res = true;
// }
// return res
// 简化
const hello = ["你好", "你好啊", "哈喽", "hello", "嗨"];
return hello.indexOf(a) > -1;
};
6、利用ES6中的模板字符串生产字符串
const setHtml = (a, b, c) => {
// let str = "<div>" + a + "<div>";
// str += "<div>" + b + "<div>";
// str += "<div>" + c + "<div>";
// 简化
let str = `<div>${a}</div><div>${b}</div><div>${c}</div>`;
return str;
};
其他还有很多代码简化的方法,希望大家发出来交流,敲代码的时候少打点字
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/48928.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除