JS简写技巧

作者: 前端精髓 | 来源:发表于2017-06-21 23:29 被阅读80次

    JS简写

    三元运算符

    当你想写一个if . .else语句只在一行中。

    普通写法

    const x = 20;

    let answer;

    if (x > 10) {

      answer = 'is greater';

    } else {

      answer = 'is lesser';

    }

    速写

    const answer = x > 10 ? 'is greater' : 'is lesser';

    你也可以像这样嵌套if语句:

    const big = x > 10 ? " greater 10" : x

    短路操作

    当将变量值赋给另一个变量时,您可能希望确保源变量不是空的、未定义的或空的。你可以写一个长的如果有多个条件语句,或使用一个短路操作。关于操作符可以参考《 告诉你两个非常实用的操作符 》

    普通写法

    if (variable1 !== null || variable1 !== undefined || variable1 !== '') {

        let variable2 = variable1;

    }

    速写

    const variable2 = variable1  || 'new';

    变量声明简写

    在函数开始时声明变量赋值是很好的做法。这种简写方法可以在同时声明多个变量时节省大量的时间和空间。

    普通写法

    let x;

    let y;

    let z = 3;

    速写

    let x, y, z=3;

    如果存在简写

    这可能是微不足道的,但值得一提。

    普通写法

    if (likeJavaScript === true)

    速写

    if (likeJavaScript)

    这是另一个例子。如果a不等于true,那么就做一些事情。

    普通写法

    let a;if ( a !== true ) {// do something...}

    速写

    let a;if ( !a ) {// do something...}

    相关文章

      网友评论

        本文标题:JS简写技巧

        本文链接:https://www.haomeiwen.com/subject/mklxcxtx.html