es6 箭头函数

es6 箭头函数

箭头函数的使用

1、无参数无返回值：

const aaa=function(){}
const aaa= () =>{ 
	}

2、放入一个参数：

const sum = function(num) {return num*num}
const sum=num=>{
		return num*num
	}

3、放入两个参数：

const sun=function(num1,num2){return num1+num2}
const sum=（num1,num2）=>{
	return num1+num2
	}

4、可变参数

var fn4 = function(a, b, …args) {}
var fn4 = (a, b, …args) => {}

5、有多行代码：

const demo=function(){
	console.log('hello world')
	console.log('Hello demo')
}
const demo=（）=>{
	console.log('hello world')
	console.log('Hello demo')	
}

6、只有一行代码：

const nul=function(num1，num2){
	return num1+num2
}
const mul=（num1，num2）=>num1+num2

箭头函数与普通函数写法的this指向区别：

1、这种普通函数写法它会调用call，所以window就是它的this
function（）{
console.log(this)
}

2、箭头函数它会向外层作用域中一层层向外查找this，直到有this的定义：
const obj={
（）=>{console.log（this）} / /因为最外层是object类型所以是object也可以说是obj对象
}