zoukankan      html  css  js  c++  java
  • JavaScript简写技巧总结

         在日常工作中,JavaScript一些常用的简写技巧,将直接影响到我们的开发效率,现将常用技巧整理如下:

         1. 空(null, undefined)验证    

             当我们创建了一个新的变量,我们通常会去验证该变量的值是否为空(null)或则未定义(undefined)。这对于JavaScript编程来说,是一个经常要考虑到的验证。

             非优化代码:

    if (variable1 !== null || variable1 !== undefined || variable1 !== '') { let variable2 = variable1; }

             优化代码:

    let variable2 = variable1 || '' 
    

      在谷歌浏览器开发者面板的控制台下:

     

          2. 数组

              非优化代码:

    let a = new Array(); a[0] = "myString1"; a[1] = "myString2"; a[2] = "myString3";

             优化代码:

    let a = ["myString1", "myString2", "myString3"];

          3. if true .. else 的优化

              非优化代码:

    let big;
    if (x > 10) {
    big = true;
    }
    else {
    big = false;
    }

              优化代码:

    let big = x > 10 ? true : false;
    

          在谷歌浏览器开发者面板的控制台下:

           4. 变量声明

              非优化代码:

    let x;
    let y;
    let z = 3;

              优化代码:

    let x, y, z=3;

           5.赋值语句的简化

              非优化代码:

    x=x+1;
    minusCount = minusCount - 1;
    y=y*10;

              优化代码:

    x++;
    minusCount --;
    y*=10;    

             假设 x=10,y=5,那么基本的算术操作可以使用如下的简写方式:

             在谷歌浏览器开发者面板的控制台下:

           6. 避免使用RegExp对象

              非优化代码:

    var re = new RegExp("d+(.)+d+","igm"),
    result = re.exec("padding 01234 text text 56789 padding");
    console.log(result); //"01234 text text 56789"

              优化代码:

    var result = /d+(.)+d+/igm.exec("padding 01234 text text 56789 padding");
    console.log(result); //"01234 text text 56789"     

            7If 条件优化

               非优化代码:

    if (likeJavaScript === true)

               优化代码: 

    if (likeJavaScript)

            8. charAt()的替代品

                非优化代码:

    "myString".charAt(0);

                优化代码:

    "myString"[0]; // 返回 'm'
  • 相关阅读:
    Linux网卡设置
    Linux虚拟机-----概述(1)
    Redis缓存数据库-----概述(1)
    Spring和Mybatis的集成
    onehot编码解释
    LINUX-CUDA版本所对应的NVIDIA驱动版本号,cuda版本报错的朋友参考一下
    matplotlib画图
    pytorch实现花朵数据集读取
    轻量架构ShuffleNet V2:从理论复杂度到实用设计准则
    CBAM: 卷积块注意模块
  • 原文地址:https://www.cnblogs.com/chenyablog/p/8463721.html
Copyright © 2011-2022 走看看