javascipt简单代码(js代码怎么写)

导语：Javascript 代码简化常用写法

1、利用“或”（||）短路逻辑，给变量赋值。

  // a应该是一个有意义的字符串，不能说null,undefined,nullconst getData = (a) => {       // let b = &34;;        // if (a !== null || a !== undefined || a !== false) {         //  b = a;       //  }          // 简化        let b = a || &34;;      };

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 === &34;) {        //   res = true;        // }        // if (a === &34;) {        //   res = true;        // }        // if (a === &34;) {        //   res = true;        // }        // if (a === &34;) {        //   res = true;        // }        // if (a === &34;) {        //   res = true;        // }        // return res        // 简化        const hello = [&34;, &34;, &34;, &34;, &34;];        return hello.indexOf(a) > -1;      };

6、利用ES6中的模板字符串生产字符串

const setHtml = (a, b, c) => {        // let str = &34; + a + &34;;        // str += &34; + b + &34;;        // str += &34; + c + &34;;        // 简化        let str = `<div>${a}</div><div>${b}</div><div>${c}</div>`;        return str;};

其他还有很多代码简化的方法，希望大家发出来交流，敲代码的时候少打点字

本文内容由小碧整理编辑！