箭头函数的使用和this指向

一、定义函数的方式：
1、function
const aaa = function( ) { }
2、对象字面量中定义函数
const obj = {
bbb（）{ }
}
3、ES6中的箭头函数
const ccc =（参数列表）=> { }
二、函数的参数和返回值：
2.1参数问题
1）多个参数
cosnt aaa=（num1，num2）=>{
return num1+num2
}
2）一个参数
const power = num => {
return num* num
}
当参数只有一个的时候括号可以省略
2.2返回值问题
1)函数代码块中有多行代码时，正常写
const aaa =（）=>{
console.log（‘aaaaaaa’）
console.log（‘aabbbb’）
}
2)函数代码块中只有一行代码
const mul=（num1,num2）=>num1* num2
以上代码就相当于
const mul=（num1,num2）=>{
return num1* num2
}
只有一行代码就省略掉了return，函数结果会自动返回
三、箭头函数
1、一般在一个函数中传递了另一个函数作为参数时，箭头函数使用比较多，例如：
setTimeout（function（）{
}，1000）
我们一般会写成一下形式
setTimeout（（）=> {
}，1000）
2、箭头函数中的this指向

    setTimeout(function () {
      console.log(this)
    }, 1000)
    setTimeout(() => {
      console.log(this)
    }, 1000)

输出结果：箭头函数的this指向obj对象

const obj = {
      aaa() {
        setTimeout(function () {
          setTimeout(function () {
            console.log('--------1',this)
          })
          setTimeout(() => {
            console.log('--------2',this)//找上一层作用域，包含在function里，所以是window
          })
        })
        setTimeout(() => {
          setTimeout(function () {
            console.log('--------3',this)//凡是function都是window
          })
          setTimeout(() => {
            console.log('--------4',this)//找上一层作用域，还是箭头函数，在往上找就是函数aaa的this，所以此处引用的是aaa的this，也就是obj
          })
        })
      },
      bbb() {
        setTimeout(() => {
          console.log(this)
        }, 1000)
      }
    }
    obj.aaa()
    obj.bbb()

结论：箭头函数中的this向外层作用域中一层一层查找，直到有this的定义，而凡是function的this都是window。