ES6的新增语法

let

ES6新增的用于声明变量的关键字

• let声明的变量只在所处于的块级有效
• 不存在变量提升
• 暂时性死区

// 使用let声明的变量具有块级作用域
if(true) {
	let a = 10
  console.log(a) // 10
  if(true) {
   let c= 30
  }
  console.log(c) // c is not defined
}
console.log(a) // a is not defined

注意： 使用let 关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。
在一个大括号中，使用let 关键字声明的变量才具有块级作用域，var关键字是不具备这个特点的。

if(true) {
	let num = 100
  var abc = 200
}
console.log(abc) // 200
console.log(num) // num is not defined

防止循环变量变成全局变量

for(var i=0; i<2; i++) {
	
}
console.log(i) //2 

for(let j=0; j<2; j++) {
	
}
console.log(j) //j is not defined

使用let声明的变量 不存在变量提升

console.log(a); //a is not defined
let a = 20

使用let声明的变量有暂时性死区特性

var tmp = 123;
if(true) {
	tmp = 'abc'
  let tmp;   // Cannot access 'tmp' before initialization
}

const

作用： 声明常量，常量就是值（内存地址）不能变化的量

• 与let一样，具有块级作用域
• 声明常量时必须赋值
• 常量赋值后，值不能修改

// 使用const 关键字声明的常量必须赋初始值
const PI //Missing initializer in const declaration

const声明的常量赋值后，值不能再改变

const PI = 3.14
PI = 100  // Assignment to constant variable.

当const声明事数组或对象时候，内部值可以改变，但内存中存储地址没变

const arr = [100, 200];
arr[0] = 'a';
arr[1] = 'b';
console.log(arr) // ['a', 'b]
arr = ['c','d'] //Assignment to constant variable.

let、const、var的区别

1. 使用 var 声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象。
2. 使用 let 声明的变量，其作用域为该语句所在的代码块内，不存在变量提升。
3. 使用 const 声明的是常量，在后面出现的代码中不能再修改该常量的值。

箭头函数

ES6中新增的定义函数的方式

() => {}
const fn = () => {}

箭头函数事用来简化函数定义语法的

const fn = () => {
	console.log(123)
}
fn() //123

函数体中只有一个代码，且代码中的执行结果就是返回值，可以省略大括号

// ES6之前的定义方法
function sum(num1, num2) {
	return num1+ num2
}
const sum = (num1, num2) => num1 + num2

如果形参只有一个，可以省略小括号

function fn(v) {
 return v
}
const fn v => v

箭头函数不绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this

//箭头函数不绑定this,箭头函数没有自己的this关键字，
如果在箭头函数中使用this,this关键字将指向箭头函数定义位置中的this
const obj = {name: 'lanfeng'}
function fn() {
	console.log(this)
  return () => {
  	console.log(this)
  }
}
const resFn = fn.call(obj) // 指向obj
resFn() //this指向obj

箭头函数的经典例子：

var obj = {
	age: 20,
  say: () => {
  	 console.log(this.age)
  }
}
obj.say() //undefined,因为指向的是window