前端面试题：（理解）箭头函数没有arguments,super,new.target

前端面试题：（理解）箭头函数没有arguments,super,new.target

1.arguments

​ arguments是一个类数组对象,它也可以通过索引来操作数据，也可以获取长度在调用函数时，我们所传递的实参都会在arguments中保存,arguments . length可以用来获取实参的长度

es5中的arguments:

function func(a,b,c){
  console.log(arguments[0],arguments[1],arguments[2])
  //1,2,3
}

func(1,2,3)

箭头函数是没有arguments的 ，可用如下代替：

let func = (...rest) => {
  console.log(rest)
  //[1,2,3]
}

func(1,2,3)

2.super

super代表父类的实例，在子类中使用super可以调用父类的方法，属性和构造方法。

super关键字指向该对象的原型,super关键字只能使用在对象简写的方法中。

Object.prototype.name = '薇z';
var json = {
    name:'我是Cindy',
    add(){
        return super.name;
    }
}
console.log(json.add()) // 薇z

上面代码中,super关键字,指向json对象的原型,json的原型就是Object,所以在外面设置了一下Object原型的name。

例子2：

var obj = {
    name:'我是obj',
};
        
var json = {
    name:'我是json',
    add(){
        return super.name;
    }
}

Object.setPrototypeOf(json,obj);
console.log(json.add()); // 我是obj

上面代码中,将json的原型设置为obj,所以调用add方法指向obj的name属性

注意,super关键字只能在对象方法简写内使用

// 报错
var json = {
  add:function(){
      return super.name
  }
};

// 报错(箭头函数)
var json = {
    add:()=>{
        return super.name
    }
}

3.new.target

new.target属性允许你检测函数或构造方法是否是通过new运算符被调用的。在通过new运算符被初始化的函数或构造方法中，new.target返回一个指向构造方法或函数的引用。在普通的函数调用中，new.target 的值是undefined。 箭头函数没有new.target

箭头函数不能被new执行,因为箭头函数没有this, 没有办法修改 this 的指向，所以也不可以将其作为构造函数、它也没有 prototype 对象。重点是没有prototype”

var Foo = () => {};
var foo = new Foo(); // TypeError: Foo is not a constructor

let Fun = (name, age) => {
  this.name = name
  this.age = age
}

// 报错
let p = new Fun('cao', 24)