ES6新特性
ES6的常用新特性简介，全部特性可参阅 Ecma-International
MDN
ES6入门
ES6 教程
ES6全称ECMAScript 6.0，是JavaScript的下一个版本标准，2015.06发版。ECMAScript和 JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。
let 与 const
ES2015(ES6)新增加了两个重要的JavaScript关键字: let和const。ES6明确规定，代码块内如果存在let或者 const，代码块会对这些命令声明的变量从块的开始就形成一个封闭作用域。代码块内，在声明变量之前使用它会报错，称为暂时性死区。ES6的块级作用域必须有大括号，如果没有大括号，JavaScript引擎就认为不存在块级作用域。
-
for循环计数器很适合用let。 -
let和const只能声明一次，var可以声明多次。 -
var会变量提升，let与const也存在变量提升但有所不同。 -
const声明一个只读的常量，一旦声明，常量的值就不能改变。 -
const和let在全局作用域中声明的变量不会挂载到window上。 -
let和const声明的变量只在其声明所在的代码块内有效，形成块级作用域。 -
const其实保证的不是变量的值不变，而是保证变量指向的内存地址所保存的数据不允许改动。对于基本数据类型number、string、boolean等，值就保存在变量指向的那个内存地址，因此const声明的简单类型变量等同于常量。而引用类型object，array，function等，变量指向的内存地址其实是保存了一个指向实际数据的指针，所以const只能保证指针是固定的，至于指针指向的数据结构变不变就无法控制了。
解构赋值
ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构赋值。
let [a,b,c] = [1,2,3]; // 基本
let [a,[[b],c]] = [1,[[2],3]]; //嵌套
let [a,b] = [1,3]; // 可忽略
let [a = 1,b] = []; // a = 1,b = undefined // 不完全解构
let [a,...b] = [1,3]; // 剩余运算符
let [a,c,d,e] = 'hello'; // 字符串等
let { a,b } = { a: 'aaa',b: 'bbb' }; // 对象模型的解构 前后两个kay需对应
Symbol
ES6引入了一种新的原始数据类型Symbol，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。ES6数据类型除了Number、String、Boolean、 Object、null和undefined，还新增了 Symbol。
let s1 = Symbol("s");
let s2 = Symbol("s");
console.log(s1 === s2); //false
Spread / Rest 操作符
Spread用于将数组作为参数直接传入函数。
var s = ['1','2','3'];
function f(s1,s2,s3){
console.log(`Hello ${s1},${s2},${s3}`); //ES6新增字符串中加入变量和表达式
}
f(...s); //Hello 1,3
Rest用于函数传参传递数组。
function f(...args){
console.log(args);
}
f(1,3,4,5); //[1,5]
箭头函数
ES6中，箭头函数就是函数的一种简写形式，使用括号包裹参数，跟随一个 =>，紧接着是函数体，特别需要注意的是箭头函数是继承当前上下文的this关键字。
var add = (a,b) => a + b;
var show = a => console.log(a);
var test = (a,c) => {console.log(a,c);return a+b+c;}
add(1,1); //2
show(1); //1
test(1,1,1); //1 1 1
参数默认值
function f(a = 1){
console.log(a);
}
f(); //1
f(11); //11
字符串拓展
ES6之前判断字符串是否包含子串，用indexOf方法，ES6新增了子串的识别方法。
-
includes()返回布尔值，判断是否找到参数字符串。 -
startsWith()返回布尔值，判断参数字符串是否在原字符串的头部。 -
endsWith()返回布尔值，判断参数字符串是否在原字符串的尾部。 -
repeat()返回新的字符串，表示将字符串重复指定次数返回。 -
padStart()返回新的字符串，表示用参数字符串从头部补全原字符串。 -
padEnd()返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。
数值拓展
- 二进制表示法新写法 前缀
0b或0B，例如console.log(0B11 === 3); //true。 - 八进制表示法新写法 前缀
0o或0O，例如console.log(0O11 === 9); //true。 - 常量
Number.EPSILON，表示1与大于1的最小浮点数之间的差,值接近于2.2204460492503130808472633361816E-16。 -
Number.MAX_SAFE_INTEGER表示在JavaScript中能够精确表示的最大安全整数。 -
Number.isFinite()用于检查一个数值是否为有限的finite，即不是Infinity。 -
Number.parseInt()逐步减少全局方法，用于全局变量的模块化,方法的行为没有发生改变。
数组拓展
-
Array.of()将参数中所有值作为元素形成数组。 -
Array.from()将类数组对象或可迭代对象转化为数组。 -
find()查找数组中符合条件的元素,若有多个符合条件的元素，则返回第一个元素。 -
findindex()查找数组中符合条件的元素索引，若有多个符合条件的元素，则返回第一个元素索引。 -
fill()将一定范围索引的数组元素内容填充为单个指定的值。 -
copyWithin()将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。 -
entries()遍历键值对。 -
keys()遍历键名。 -
values()遍历键值。 -
includes()数组是否包含指定值。 -
flat()嵌套数组转一维数组。 -
flatMap()先对数组中每个元素进行了处理，再对数组执行flat()方法。
迭代器
类
ES6提供了更接近传统语言的写法，引入了class这个概念，作为对象的模板。通过class关键字，可以定义类，与多数传统语言类似。不过，ES6的class不是新的对象继承模型，它只是原型链的语法糖表现形式。
class Me {
constructor() {
console.log("constructor");
}
study() {
console.log('study');
}
}
console.log(typeof Me); //function
let me = new Me(); //constructor
me.study(); //study
Promise 对象
Promise是异步编程的一种解决方案。
从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise异步操作有三种状态：pending、fulfilled和rejected。除了异步操作的结果，任何其他操作都无法改变这个状态。then方法接收两个函数作为参数，第一个参数是Promise执行成功时的回调，第二个参数是 Promise执行失败时的回调，两个函数只会有一个被调用。
const p1 = new Promise(function(resolve,reject){
resolve('resolve');
});
const p2 = new Promise(function(resolve,reject){
reject('reject');
});
p1.then(function(v){
console.log(v); //resolve
});
p2.then(function(v){
console.log(v);
},function(v){
console.log(v); //reject
});
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
