<!--
1, 参考：http://es6.ruanyifeng.com/#docs/intro
ES6: JS语言下一代的标准，发布于2015年6月。
目标：使JS可以编写复杂的大型应用程序，成为企业级开发语言
2，let & const
let: 代码块有效,不存在变量提升。
暂时性死区：ES6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。
let不允许在相同作用域内，重复声明同一个变量。
const: 声明一个只读的常量。一旦声明，常量的值就不能改变。块级作用域内有效。
const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动。
如果真的想将对象冻结，应该使用Object.freeze方法。e.g. const foo = Object.freeze({});
global对象：ES5的顶层对象。（浏览器里面，顶层对象是window，但 Node 和 Web Worker 没有window）
3，变量解析赋值
变量的解析赋值： let [a, b, c] = [1, 2, 3]; let [x = 1] = [null];//默认值设置。
对象的解析赋值：let { foo: baz } = { foo: "aaa", bar: "bbb" };//foo是匹配模式，baz是变量
用途：1>,交换值[x, y] = [y, x];2>,从函数返回多个值;3>,函数参数的定义.4>,提取JSON数据
5>,函数参数的默认值;6>,遍历Map结构；7>,输入模块的指定方法
4, 字符串扩展
字符的 Unicode 表示法：'\z' === 'z' // true; '\172' === 'z' // true; '\x7A' === 'z' // true; '\u007A' === 'z' // true; '\u{7A}' === 'z' // true
codePointAt(): 能够正确处理多个字节储存的字符，返回一个字符的码点。
String.fromCodePoint(): 可以识别0xFFFF的字符，弥补了String.fromCharCode方法的不足。在作用上，正好与codePointAt方法相反。
at():可以识别Unicode编号大于0xFFFF的字符，返回正确的字符。
normalize(): 用来将字符的不同表示方法统一为同样的形式，这称为Unicode正规化。
includes()/startsWith()/endsWith():略
repeat(): 返回一个新字符串，表示将原字符串重复n次. 'hello'.repeat(2) // "hellohello"
padStart()用于头部补全，padEnd()用于尾部补全。 'x'.padStart(5, 'ab') // 'ababx'; 'x'.padEnd(4, 'ab') // 'xaba'
模板字符串：略. 如果使用模板字符串表示多行字符串，所有的空格和缩进都会被保留在输出之中。
String.raw(): 往往用来充当模板字符串的处理函数，返回一个斜杠都被转义（即斜杠前面再加一个斜杠）的字符串，对应于替换变量后的模板字符串
5, 正则的扩展
new RegExp(/xyz/i); new RegExp(/xyz/, 'i');
字符串对象共有4个方法，可以使用正则表达式：match()、replace()、search()和split()。
u修饰符： Unicode模式”，用来正确处理大于\uFFFF的Unicode字符
点（.）字符在正则表达式中，含义是除了换行符以外的任意单个字符。
y修饰符，叫做“粘连”（sticky）修饰符。
ES6为正则表达式新增了flags属性，会返回正则表达式的修饰符。
6, 数值的扩展
二进制和八进制数值的新的写法： 分别用前缀0b（或0B）和0o（或0O）表示。
// 严格模式
(function(){
'use strict';
console.log(0o11 === 011);
})()
Number.isFinite()：是否有限, Number.isNaN(), Number.parseInt(), Number.parseFloat(),Number.isInteger()
Number.EPSILON: 在于为浮点数计算，设置一个误差范围,可以接受的误差范围。. Number.EPSILON.toFixed(20)
Number.isSafeInteger(): 整数范围在-2^53到2^53之间（不含两个端点），超过这个范围，无法精确表示这个值。
Math.trunc方法用于去除一个数的小数部分，返回整数部分。
7, 数组的扩展
Array.from: 用于将两类对象转为真正的数组
Array.of: 用于将一组值，转换为数组
copyWithin方法，在当前数组内部，将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组. [1, 2, 3, 4, 5].copyWithin(0, 3, 4);/[4, 2, 3, 4, 5]
-- target（必需）：从该位置开始替换数据。
-- start（可选）：从该位置开始读取数据，默认为0。如果为负值，表示倒数。
-- end（可选）：到该位置前停止读取数据，默认等于数组长度。如果为负值，表示倒数。
find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数. [1, 4, -5, 10].find((n) => n < 0)
entries()，keys()和values()——用于遍历数组
includes(): 返回一个布尔值，表示某个数组是否包含给定的值. [1, 2, 3].includes(4); // false
8, 函数的扩展
ES6 允许为函数的参数设置默认值. 有默认值的参数都不是尾参数。这时，无法只省略该参数，而不省略它后面的参数，除非显式输入undefined。
使用参数默认值时，函数不能有同名参数。
rest 参数（形式为“...变量名”）:用于获取函数的多余参数，这样就不需要使用arguments对象了
ES6允许使用“箭头”（=>）定义函数。
9, 对象的扩展
Object.is(): 比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致。
Object.assign(): 用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。是浅拷贝，而不是深拷贝.
10, Symbol
原始数据类型Symbol，表示独一无二的值。var s1 = Symbol('foo');s1.toString() // "Symbol(foo)"
它是JavaScript语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。
注意，Symbol函数前不能使用new命令，否则会报错。
可用于消除魔法字符串
Symbol.for（）:重新使用同一个Symbol值
Symbol.keyFor(): 返回一个已登记的 Symbol 类型值的key。
11, Set 和 Map 数据结构
Set: 类似于数组，但是成员的值都是唯一的，没有重复的值。
const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); //[2,3,4,5]
keys()：返回键名的遍历器. e.g. for (let item of set.keys())
values()：返回键值的遍历器. e.g. for (let item of set.values())
entries()：返回键值对的遍历器
forEach()：使用回调函数遍历每个成员 set.forEach((value, key) => console.log(value * 2) )
WeakSet的成员只能是对象，而不能是其他类型的值。
WeakSet中的对象都是弱引用，即垃圾回收机制不考虑WeakSet对该对象的引用，也就是说，如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象还存在于WeakSet之中
12, Proxy
Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”。
13, Reflect
14, Promise 对象
Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大.
Promise也有一些缺点。首先，无法取消Promise，一旦新建它就会立即执行，无法中途取消。
其次，如果不设置回调函数，Promise内部抛出的错误，不会反应到外部。
第三，当处于Pending状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。
Promise.prototype.then(): 作用是为Promise实例添加状态改变时的回调函数。
Promise.prototype.catch(): 用于指定发生错误时的回调函数。
Promise.all: 方法用于将多个Promise实例，包装成一个新的Promise实例。
Promise.resolve: 将现有对象转为Promise对象. var jsPromise = Promise.resolve($.ajax('/whatever.json'));
应用：加载图片
15, Iterator 和 for...of 循环
16, Generator 函数的语法
Generator 函数是 ES6 提供的一种异步编程解决方案。
有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使用yield语句，定义不同的内部状态（yield在英语里的意思就是“产出”）。
function* helloWorldGenerator() {
yield 'hello';
yield 'world';
return 'ending';
}
var hw = helloWorldGenerator();
hw.next() // { value: 'hello', done: false }
hw.next() // { value: 'world', done: false }
hw.next() // { value: 'ending', done: true }
hw.next() // { value: undefined, done: true }
17, Generator 函数的异步应用
18, async 函数
19, Class
20, Decorator
21, Module 的语法
22, Module 的加载实现
23, 编程风格
24, 读懂规格
25, 二进制数组
26, SIMD
是“Single Instruction/Multiple Data”的缩写，意为“单指令，多数据”。
是 JavaScript 操作 CPU 对应指令的接口，你可以看做这是一种不同的运算执行模式。
SIMD 通常用于矢量运算。
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!-- <script src="browser.min.js"></script> <script type="text/babel"></script>-->
<script>
// IE10及以上版本
//IE9可以用npm来安装babel来支持
const Name = '张三';//使用新增的关键字：const声明常量
// alert(Name);
//console.log(Name);
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6]();//6
var tmp = 123;
if (true) {
tmp = 'abc'; // ReferenceError
// let tmp; //报错
}
var map = new Map();
map.set('first', 'hello');
for (let [key, value] of map) {
console.log(key + " is " + value);
}
console.log('字符串的遍历器接口:');
for (let codePoint of 'foo') {
console.log(codePoint);
}
</script>
</head>
<body>
</body>
</html>