ES6系列之编程风格

栏目: JavaScript · 发布时间: 6年前

内容简介:1.块级作用域(1)let取代varvar变量存在变量提升效用,let命令没有这个问题。

1.块级作用域

(1)let取代var

var变量存在变量提升效用,let命令没有这个问题。

(2)全局常量和线程安全

在let和const之间,建议优先使用const,尤其是在全局环境,不应该设置变量,只应设置常量。

const优于let有几个原因:

const可以提醒阅读程序的人,这个变量不应该改变

const比较符合函数式编程思想,运算不改变值,只是新建值,而且这样也有利于将来的分布式运算

JavaScript编译器会对const进行优化

2.字符串

静态字符串一律使用单引号或反引号。动态字符串使用反引号。

3.解构赋值

使用数组成员对变量赋值时,优先使用解构赋值。

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

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

4.对象

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

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

如果对象的属性名是动态的,可以在创造对象的时候,使用属性表达式定义。

另外,对象的属性和方法,尽量采用简洁表达法,这样易于描述和书写。

5.数组

使用扩展运算符拷贝数组

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

6.函数

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

那些需要使用函数表达式的场合,尽量用箭头函数代替。因为这样更简洁,而且绑定了this。

简单的、单行的、不会复用的函数,建议采用箭头函数。如果函数体较为复杂,行数较多,还是应该采用传统的函数写法。

所有配置项都应该集中在一个对象,放在最后一个参数,布尔值不可以直接作为参数。

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

使用默认值语法设置函数参数的默认值。

7.Map结构

注意区分Object和Map,只有模拟现实世界的实体对象时,才使用Object。如果只是需要key:value的数据结构,使用Map结构。因为Map有内建的遍历机制。

8.Class

总是用Class,取代需要prototype的操作。因为Class的写法更简洁,更易于理解。

使用extends实现继承,因为这样更简单,不会有破坏instanceof运算的危险。

9.Module

首先,Module语法是JavaScript模块的标准写法,坚持使用这种写法。使用import取代require。

如果模块只有一个输出值,就使用export default,如果模块有多个输出值,就不使用export default,export default与普通的export不要同时使用。

不要在模块输入中使用通配符。因为这样可以确保你的模块之中,有一个默认输出(export default)。

如果模块默认输出是一个函数,函数名的首字母应该小写。

如果模块默认输出一个对象,对象名的首字母应该大写。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

高中数学公式定律及要点透析

高中数学公式定律及要点透析

牛胜玉 编 / 2011-2 / 9.80元

《PASS绿卡图书:高中数学公式定律及要点透析(人教A版)(必修+选修)(第9次修订)》精选例句:时尚鲜活例句,再现巩固单词;延伸拓展:搭配用法辨析,提升运用能力;真题例句:精选真题例句,紧密联系高考。便于携带:三年教材词汇,方便随时记忆;附赠录音:用耳朵记单词,让学习零空隙。一起来看看 《高中数学公式定律及要点透析》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

html转js在线工具
html转js在线工具

html转js在线工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具