ES6箭头函数

ES6箭头函数

箭头函数的基本使用

• 箭头函数是定义函数的方式：

**//1.普通函数写法**
   const aaa = function() {

   }
   // 2. ==对象字面量中定义函数==
   const obj = {
       bbb: function() {

       },
       ccc() {

       }
   }
   **// 3.ES6箭头函数**
   const ddd = (参数列表) => {

   }

   const ccc = () => {

   }
   // 3.1 当箭头函数有参数时，有一个参数的时候可以将参数列表中的（）省略；有多个参数则不可以省略
   const ccc = num => {
       return num *num
   }
   // 3.2 箭头函数的返回值问题，当箭头函数的作用域中只有一行代码，则可以省略return直接简写
   const mul = (num1, num2) => {
       return num1 * num2
   }
   const mul1 = (num1, num2) => num1 * num2

   **// 4.箭头函数中this的使用**
   // 4.1什么时候使用箭头函数? 当我们把一个函数作为另外一个函数参数传递的时候
   setTimeout(function() {

   }, 1000)
   setTimeout(() => {

   }, 1000)
   // 4.2问题：箭头函的this怎么找
   // 结论：箭头函数的this引用的是最近作用域中的this
   const obj1 = {
       aaa() {
           setTimeout(function() {
               console.log(this); //window
           })


           setTimeout(() => {
               console.log(this);//obj对象
           }, 1000);
       }
   }