箭头函数可以当成构造函数去用吗?箭头函数中能用 arguments ?
箭头函数不可以当做构造函数使用,因为箭头函数没有自己的this,arguments,super或new.target
在箭头函数中不存在arguments,所以箭头函数不可以使用arguments。
1.箭头函数的语法
- (a,b) =>{
- return a + b
- }
2.当函数参数只有一个,括号可以省略;但是没有参数时,括号不可以省略。
- var f1 = a =>{
- return a + 1
- }
-
-
- var f2 = () =>{}
3.箭头函数不可以当做构造函数使用
- let Fun = (name, age) => {
- this.name = name
- this.age = age
- }
-
- let p = new Fun('cao', 24)
- console.log(p)
4. 箭头函数中打印 arguments报错,可用如下方法代替。
- let func = (...args) => {
- //console.log(arguments) // VM79:2 Uncaught ReferenceError: arguments is not defined
- at func
- console.log(args)
- //[1,2,3]
- }
-
- func(1,2,3)
4.super
super代表父类的实例,在子类中使用super可以调用父类的方法,属性和构造方法。
super关键字指向该对象的原型,super关键字只能使用在对象简写的方法中。
- Object.prototype.name = 'java';
- var json = {
- name:'我是.net',
- add(){
- return super.name;
- }
- }
- console.log(json.add()) //super关键字,指向json对象的原型,json的原型就是Object,所以在外面设置了一下Object原型的name。
注意:super关键字只能在对象方法简写内使用
- Object.prototype.name = '123';
- var json = {
- add:function(){
- return super.name
- }
- };
- // console.log(json.add()) // 报错
-
- var json2 = {
- add:()=>{
- return super.name
- }
- }
- // console.log(json2.add()) // 报错(箭头函数)
5.new.target
new.target属性允许你检测函数或构造方法是否是通过new运算符被调用的。在通过new运算符被初始化的函数或构造方法中,new.target返回一个指向构造方法或函数的引用。在普通的函数调用中,new.target 的值是undefined。 箭头函数没有new.target
箭头函数不能被new执行,因为箭头函数没有this, 没有办法修改 this 的指向,所以也不可以将其作为构造函数、它也没有 prototype 对象。重点是没有prototype”
- // function Foo(){};
- // var foo = new Foo(); //undefined
-
- function Foo(){};
- var foo = new Foo(); //TypeError: Foo is not a constructor
-