理解箭头函数的用法

头一次写文章，写得不好请大家指点和理解

在ES6中更新了一些新的特性，其中就包括箭头函数。ES6的使用可以提高我们的函数的使用，更高效的简化我们的代码。下面我们来看个例子

>`function sum(){
   return a+1
}`
console.log(sum(10))
复制代码

以上函数是一个定义的求和函数，我们看到的这个函数一共用了四行代码，在实际应用中我们所用的代码将会更多。以下是简化后的代码：

`const sum = (a, b) => {
     return a+b
}
console.log(sum(1,4))
复制代码

以上代码虽然简化了一行，但是也是一种简化，代码越多就会有更多的简化

箭头函数的this

在下列的代码段中我们的函数定义了一个person对象函数

const person={`

     name: "tom",

     sayHi: function() {

        console.log(`hi,my name is ${this.name}`)

}
复制代码

在以上函数person的内部有个sayHi的匿名函数，当我们用箭头函数定义sayHi函数时在这个函数内部有个this，调用不到person的name属性，如下：

const person = {
      name: "tom",
      sayHi: () => {
        console.log(`hi,my name is ${this.name}`)
      }};
      person.sayHi()
复制代码

现在我们来解决这个问题

sayHi: function () {
        
        setTimeout(() => {
          console.log(`hi,my name is ${this.name}`)
        },1000);
      }
    }
    
    person.sayHi()
复制代码

现在这个问题就解决了，这个问题就启发我们遇到这种问题时，我们可以用这种构置一个函数的方法来解决