【ES6系列】——箭头函数

箭头函数其实是函数的一个量化，功能和之前的函数一样，不过更加灵活而已，而且箭头函数的语法要更简洁，并且没有自己的this，arguments，super或new.target。

基础语法：

(参数1, 参数2, …, 参数N) => { 函数声明 }

我们之前创建一个函数的时候是：

 		let sum=function(num1,num2){
            return num1+num2
        }
        console.log(sum(100,200))

使用箭头函数之后：

let sum=(num1,num2)=>{return num1+num2}

如果平时要遍历一个数组的时候：

//先创建一个数组
let nameArr=['张三','李斯','王五']
nameArr.forEach(function(value,index){
        console.log(value+index)
})

使用箭头函数之后：

let nameArr=['张三','李斯','王五']
nameArr.forEach((value,index)=>{
        console.log(index+value)
})

关于this指向问题

首先我们普通创建一个函数，并返回this

function demo(){
   setTimeout(function(){
         console.log(this)
   },1000)
}
let obj={}
demo.call(obj)

这时候发现this指向的是window，但我们不想让他指向window

使用箭头函数：

function demo2(){
    setTimeout(()=>{
        console.log(this)
    },1000)
}
let obj2={}
demo2.call(obj2)

这时候发现this指向的就是我们的obj对象，使用箭头函数永远不会担心这个指向问题

使用prototype属性

箭头函数没有prototype属性

var Foo=()=>{}
console.log(Foo.prototype)

这时候输出的是：

使用new操作符

箭头函数不能作为构造器，和new一起用回抛出错误

 var Foo2=()=>{}
var foo=new Foo2()

这时页面上显示：