箭头函数
箭头函数是ES6的新特性,简化了函数的写法
普通函数
this指向调用者
具有prototype
this指向可以被call/apply/bind改变
普通函数的this在运行时创建,箭头函数的this是声明时确定
匿名函数
表现为function后面不带名字的函数,但是可以用一个变量接收,通过执行这个变量来执行这个函数
this指向window
具有prototype
this指向可以被call/apply/bind改变
箭头函数
1 没有原型prototype
2 因为没有原型,因此没有super用于访问原型属性
3 没有arguments,如果有一定是父级作用域的arguments
4 箭头函数自身没有this,它的this来源于作用域链(作用域相对于函数,原型相对于对象),this指向依然是父级作用域的this指向。普通函数的this在运行时创建,箭头函数的this是声明时确定
5 箭头函数是匿名函数,所谓匿名函数,就是function后面不带名字的函数,但是可以用一个变量接收,通过执行变量来执行这个函数
6 箭头函数中this指向无法被修改,如bind、call、apply
7 因为无法修改this指向,因此不能作为构造函数使用(构造函数的this永远指向由它实例化出来的对象,箭头函数无法对创建出来的实例进行this绑定),它和new关键字一起使用时会抛出异常
8 因为无法作为构造函数,因此不能使用new.target关键字返回创建实例的构造函数(类)本身
new.target的使用
//new.target 用于方法内
//当方法作为构造时,返回创建该实例的构造函数
//当方法不作为构造函数时,返回undefined
//可用于判断是否使用new 关键字创造了实例
function Animal(){
console.log(new.target)
}
Animal()// undefined
new Animal();// Animal