ReactNative开发必备ES6知识
引言
现代前端应用通常都会使用ES6进行开发，ReactNative项目同样也会使用ES6进行开发，对于现代前端项目开发来说，掌握ES6成为一件十分必要的事情。对于ES6的学习，通常都会阅读阮一峰的《ECMAScript 6 入门》，以下这本书中开发ReactNative必备的知识点。
ECMAScript 6简介
ECMAScript6（以下简称ES6）是JavaScript语言的下一代标准，它的目标是让JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
let和const命令
ES6新增了let命令，用来声明变量，它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。const声明一个只读的常量，一旦声明，常量的值就不能变化。
变量的解构赋值
ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。
函数的扩展
- ES6能直接为函数的参数指定默认值
- 参数默认值可以与解构赋值的默认值，结合起来使用。
- 通常情况下，定义了默认值的参数，应该是函数的尾参数
- 指定了默认值以后，函数的
length属性，将返回没有指定默认值的参数个数。 - 一旦设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域（context）。等到初始化结束，这个作用域就会消失。
- 利用参数默认值，可以指定某一个参数不得省略，如果省略就抛出一个错误。
- ES6 引入 rest 参数（形式为
...变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了。 - 函数的
name属性，返回该函数的函数名。 - ES6 允许使用“箭头”（
=>）定义函数。 - 箭头函数内部，还可以再使用箭头函数。
- 尾调用（Tail Call）是函数式编程的一个重要概念，本身非常简单，一句话就能说清楚，就是指某个函数的最后一步是调用另一个函数。
数组的扩展
- 扩展运算符（spread）是三个点（
...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 - 由于扩展运算符可以展开数组，所以不再需要
apply方法，将数组转为函数的参数了。 - 数组是复合的数据类型，直接复制的话，只是复制了指向底层数据结构的指针，而不是克隆一个全新的数组。
- 扩展运算符提供了数组合并的新写法。
- 扩展运算符可以与解构赋值结合起来，用于生成数组。
- 扩展运算符还可以将字符串转为真正的数组。
-
fill方法使用给定值，填充一个数组。 - ES6 提供三个新的方法——
entries()，keys()和values()——用于遍历数组。它们都返回一个遍历器对象
对象的扩展
- ES6 允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 JavaScript 定义对象的属性，有两种方法。
- 函数的
name属性，返回函数名。对象方法也是函数，因此也有name属性。 - ES6 提出“Same-value equality”（同值相等）算法，用来解决这个问题。
Object.is就是部署这个算法的新方法。它用来比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致。 -
Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。 -
Object.assign方法有很多用处。 - 对象的每个属性都有一个描述对象（Descriptor），用来控制该属性的行为。
- ES6 一共有 5 种方法可以遍历对象的属性。
- 我们知道，
this关键字总是指向函数所在的当前对象，ES6 又新增了另一个类似的关键字super，指向当前对象的原型对象。
Promise对象
- Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大
- ES6 规定，
Promise对象是一个构造函数，用来生成Promise实例。 - Promise 实例具有
then方法，也就是说，then方法是定义在原型对象Promise.prototype上的。它的作用是为 Promise 实例添加状态改变时的回调函数。前面说过，then方法的第一个参数是resolved状态的回调函数，第二个参数（可选）是rejected状态的回调函数。
Iterator 和 for...of 循环
- 遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。
- Iterator 接口的目的，就是为所有数据结构，提供了一种统一的访问机制，即
for...of循环 - 有一些场合会默认调用 Iterator 接口（即
Symbol.iterator方法），除了下文会介绍的for...of循环，还有几个别的场合 - 字符串是一个类似数组的对象，也原生具有 Iterator 接口。
-
Symbol.iterator方法的最简单实现，还是使用下一章要介绍的 Generator 函数。 - 遍历器对象除了具有
next方法，还可以具有return方法和throw方法。如果你自己写遍历器对象生成函数，那么next方法是必须部署的，return方法和throw方法是否部署是可选的。 - ES6 借鉴 C++、Java、C# 和 Python 语言，引入了
for...of循环，作为遍历所有数据结构的统一的方法。
Class的基本语法
- ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过
class关键字，可以定义类。 -
constructor方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法。一个类必须有constructor方法，如果没有显式定义，一个空的constructor方法会被默认添加。 - 生成类的实例对象的写法，与 ES5 完全一样，也是使用
new命令。前面说过，如果忘记加上new，像函数那样调用Class，将会报错。 - 与函数一样，类也可以使用表达式的形式定义。
- 类不存在变量提升（hoist），这一点与 ES5 完全不同。
- 类的方法内部如果含有
this，它默认指向类的实例。但是，必须非常小心，一旦单独使用该方法，很可能报错。 - 类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上
static关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”。
Class的继承
- Class 可以通过
extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。 -
Object.getPrototypeOf方法可以用来从子类上获取父类。 -
super这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。 -
extends关键字后面可以跟多种类型的值。
Module的语法
- ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。CommonJS 和 AMD 模块，都只能在运行时确定这些东西。比如，CommonJS 模块就是对象，输入时必须查找对象属性。
- ES6 的模块自动采用严格模式，不管你有没有在模块头部加上
"use strict";。 - 模块功能主要由两个命令构成：
export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。 - 使用
export命令定义了模块的对外接口以后，其他 JS 文件就可以通过import命令加载这个模块。 - 除了指定加载某个输出值，还可以使用整体加载，即用星号（
*）指定一个对象，所有输出值都加载在这个对象上面。 - 为了给用户提供方便，让他们不用阅读文档就能加载模块，就要用到
export default命令，为模块指定默认输出。
编程风格
- ES6 提出了两个新的声明变量的命令：
let和const。其中，let完全可以取代var，因为两者语义相同，而且let没有副作用。 - 在
let和const之间，建议优先使用const，尤其是在全局环境，不应该设置变量，只应设置常量。 - 静态字符串一律使用单引号或反引号，不使用双引号。动态字符串使用反引号。
- 使用数组成员对变量赋值时，优先使用解构赋值。
- 单行定义的对象，最后一个成员不以逗号结尾。多行定义的对象，最后一个成员以逗号结尾。
- 使用扩展运算符（...）拷贝数组。
- 立即执行函数可以写成箭头函数的形式。
- 注意区分 Object 和 Map，只有模拟现实世界的实体对象时，才使用 Object。如果只是需要
key: value的数据结构，使用 Map 结构。因为 Map 有内建的遍历机制。 - 总是用 Class，取代需要 prototype 的操作。因为 Class 的写法更简洁，更易于理解。
- 首先，Module 语法是 JavaScript 模块的标准写法，坚持使用这种写法。使用
import取代require。 - ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。
原文作者：芒言
本文来源： 掘金 如需转载请联系原作者
