• ES6学习笔记十一:编程风格技巧


    一:用let取代var

    二:静态字符串一律使用单引号或反引号,不使用双引号。动态字符串(模版字符串)使用反引号。

    三:解构赋值:

    使用数组对变量赋值时,优先使用解构赋值;

    函数的参数如果是对象的成员,优先使用解构赋值;

    // best
    function getFullName({ firstName, lastName }) {
    }

    函数返回多个值,优先使用对象的解构赋值,而不是数组的解构赋值。这样便于以后添加返回值,以及更改返回值的顺序。

    // good
    function processInput(input) {
      return { left, right, top, bottom };
    }

    四:单行定义的对象,最后一个成员不以逗号结尾。多行定义的对象,最后一个成员以逗号结尾。

    // good
    const a = { k1: v1, k2: v2 };
    const b = {
      k1: v1,
      k2: v2,
    };

    对象尽量静态化,一旦定义,就不得随意添加新的属性。如果添加属性不可避免,要使用Object.assign方法。

     let a = {};
    Object.assign(a, { x: 3 });

    五:数组

    使用扩展运算符(...)拷贝数组。

    使用Array.from方法,将类似数组的对象转为数组。

    六:函数

    立即执行的、一次性的函数可以写成箭头函数的形式。

    不要在函数体内使用arguments变量,使用rest运算符(...)代替。因为rest运算符显式表明你想要获取参数,而且arguments是一个类似数组的对象,而rest运算符可以提供一个真正的数组。

    七:面向对象

    使用class定义类,使用new创建对象,使用extends进行继承。

    八:使用import导入模块,使用export导出模块。

  • 相关阅读:
    javascript:Storage 接口
    javascript:CORS 通信
    javascript:同源限制
    javascript:XMLHttpRequest 对象
    javascript:Cookie
    javascript:Navigator 对象,Screen 对象
    javascript:window 对象
    javascript:浏览器环境概述
    javascript:GlobalEventHandlers 接口
    javascript:其他常见事件
  • 原文地址:https://www.cnblogs.com/ygj0930/p/7249042.html
Copyright © 2020-2023  润新知