关于javascript:javascript-小技巧汇总

1、ES6 可选链操作符

    {
        /**
         * 判断对象是否存在某一个属性
        */

        // 之前
        const name = obj && obj.name;
        // 改良
        const name = obj?.name

    }

2、ES6 空值合并运算符

• ??

• 左侧为 null || undefined 时，返回右侧操作符

    {
        /**
         * 判断一个值不为 null、undefined、""
        */
  
        // 之前
        if (val !== null && val !== undefined && val !== '') {
            // coding
        }
  
        // 改良
        if ((value??'') !== '') {
            // coding
        }
    }

3、ES6 空赋值运算符

• ??=

• 左侧为 null || undefined 时，执行赋值操作

    {
        // 之前
        let name = window.name ? window.name : ''
  
        // 改良
        let name = window.name ??= ''
    }

  ---

  继续更新中。。。。