JavaScript高级 箭头函数

什么是箭头函数

箭头函数是es6中一个新增加的定义函数的方式
它的语法是

() => { }

这里面
()小括号里面代表的是参数
=>是必须要的符号 代表指向哪一块的代码
{}代表的是函数体

比如

const fn = ()=>{}

这就是一个箭头函数

特性

可以省略

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

let x = (num1,num2) => num1+num2;

在箭头函数中 如果参数只有一个的话 那么小括号是可以省略的
比如

let x = a =>console.log(a)

不可绑定this

箭头函数不绑定this关键字，箭头函数中的this，指向的是函数上级作用域的this

如下

function fn () {
		console.log(this);
		return () => {
			console.log(this)
		}
	}

	const obj = {name: 'zhangsan'};

	const resFn = fn.call(obj);

	resFn();

返回的都是obj

因为箭头函数没有this
所以也不能用 call()、apply()、bind() 这些方法改变 this 的指向，可以看一个例子：

var value = 1;
var result = (() => this.value).bind({value: 2})();
console.log(result); // 1

小结

1. 箭头函数中不绑定this，箭头函数中的this指向是它所定义的位置，可以简单理解成，定义箭头函数中的作用域的this指向谁，它就指向谁
2. 箭头函数的优点在于解决了this执行环境所造成的一些问题。比如：解决了匿名函数this指向的问题（匿名函数的执行环境具有全局性），包括setTimeout和setInterval中使用this所造成的问题
3. 箭头函数没有自己的 arguments 对象，不能通过 new 关键字调用 ，也没有自己的原型对象 因为没有自己的原型对象 所以自然不能用super方法