ES6（ECMAScript 6）

let 和 const 命令

• ES6 新增 let 和const 命令，用来声明变量，用法类似与 var
• let 声明的变量，只在 let 命令所在的代码块内有效
• let 命令 不存在变量提升
• let 命令不允许在相同作用域内，重复声明同一个变量
• const 命令声明一个只读的常量。一旦声明，常量的值就不能改变
• const 命令声明的常量不得改变值。即一旦声明，就必须立即初始化。
• const 命令声明的常量，只在声明所在的块级作用域内有效
• const 命令声明的常量不提升，只能在声明的位置后使用
• const 命令声明的常量，与let 一样不可重复声明
• const 命令声明的复合类型的数据（主要是对象和数组），变量指向的内存地址

箭头函数 Arrow Function

• ES6 允许使用“箭头” （=>） 定义
• 不需要参数或需要多个参数，就用圆括号代
• 代码块部分多于一条语句，就用大括号括起来，并且用 return 返回
• 箭头函数返回对象时，必须在对象外面加上括号
• 箭头函数使得表达更加简洁
• 箭头函数能够简化回调函数

关于箭头函数中的this 的指向

• 普通函数的this : 指向它的调用者，如果没有调用者则默认指向window.
• 箭头函数的this: 指向箭头函数定义时所处的对象，而不是箭头函数使用时所在的对象，默认使用父级的this
• 综上： 箭头函数没有自己的this ,它的this 是继承而来，默认指向在定义它时所处的对象（宿主对象）

数组新增的高级方法

• filter 过滤器
• map 映射
• reduce 汇总
• some() 数组一个为真 返回真
• ervery() 数组一个为假 就为假

/*
1. 取出大于10的数组
2. 打五折
3. 求和
*/
let goods=[30,80,50,5,3,1,60,9]
let goods1=goods.filter(function(n){
	return n>= 10;
})
let goods2 = goods1.map(function(n){
	return n*0.5;
})
let sum = goods2.reduce(function(s,n){
	return s+n
},0)/*第一次 s参数是 0   n 是数组中的第一个元素
		第二次 s是回调的返回值  n 是数组中的第二个元素
*/

//最终
goods.filter( n=> n>=10).map(n => n*0.5).reduce( (s,n)=> s+n);

字符串新增功能

• 字符串的新方法
  startsWith 判断以什么字符串开头
  endsWith 判断以什么字符串结尾
• 模板字符串
  模板字符串（template string） 是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。

let title ="标题";
let slogen="成就自己的只需要一套精品";
let jsx=`<h1>${title}</h1>
		<b>lmonkey</b>
		<div><i>${slogen}</i></div>`

ES6 解构赋值和扩展运算符

• 解构赋值
  - 左右两边结构必须一样
  - 右边必须有值
  - 声明和赋值不能分开
• 扩展运算符
  - …三点运算符
  - 展开数组
  - 默认参数

//解构赋值

// let [a,b,c] =[1,2,3];
// let {name,age,sex}={name:'zhangsan',age:'10',sex:'男'};
//扩展运算符
/* let arr1=[1,2,3];
let arr2=[4,5,6];
let arr3=[...arr1,7,8,9,...arr2]
*/
/*function show(a,b,c){
	console.log(a);
	console.log(b);
	console.log(c);
}
let arr=[1,2,3];
show(...arr);
*/
function demo(...args){
	console.log(args);
}
demo(1,2,3)

对象的新语法

• ES6 的 Class (类)概念
  - constructor 是构造方法
  - this 关键字代表实例对象
  - 通过 extends 关键字实现继承
  - super 关键字，表示父类的构造函数，用来新建父类的this 对象
• JSON 对象的新应用
  - JSON.stringify() 串行化
  - JSON.parse() 反串行化
  - 简写
  （属性和值）名字一样可以缩写
  方法一样可以接卸（:function 省）

Module 模块化编程

• 模块化优点
  • 减少命名冲突
  • 避免引入的层层依赖
  • 可以提升执行效率
• export 命令： 用于规定模块的对外接口
  • 一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用 export 关键字输出该变量。
• import 命令： 用于输入其他模块提供的功能
  • import 命令接受一对大括号，里面指定要从其他模块导入的变量名。大括号里面的变量名，必须与被导入模块（profile.js） 对外接口的名称相同。