箭头函数

箭头函数可以当成构造函数去用吗？箭头函数中能用 arguments ？

箭头函数不可以当做构造函数使用，因为箭头函数没有自己的this，arguments，super或new.target

在箭头函数中不存在arguments,所以箭头函数不可以使用arguments。

1.箭头函数的语法

<script>
(a,b) =>{
    return a + b
}
</script>

2.当函数参数只有一个，括号可以省略；但是没有参数时，括号不可以省略。

<script>
    var f1 = a =>{
        return a + 1
    }


    var f2 = () =>{}
</script>

3.箭头函数不可以当做构造函数使用

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

let p = new Fun('cao', 24)
console.log(p)
</script>

4. 箭头函数中打印 arguments报错，可用如下方法代替。

<script>
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)
</script>

4.super

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

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

<script>
Object.prototype.name = 'java';
var json = {
    name:'我是.net',
    add(){
        return super.name;
    }
}
console.log(json.add())  //super关键字,指向json对象的原型,json的原型就是Object,所以在外面设置了一下Object原型的name。
</script>

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

<script>
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()) // 报错(箭头函数)
</script>

5.new.target

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

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

<script>
// function Foo(){};
// var foo = new Foo();  //undefined

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

</script>