箭头函数

//箭头函数

//格式()=>{}

1.最简单的形式：

 const fn =()=>{
    console.log('胡66！')
   }
   fn();

上面输出：胡66.

2.带参数的箭头函数

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

3.如果函数只有一句代码，箭头函数大括号可以省略

 const sum1 = (n1,n2)=> n1+n2;//箭头后面的表示return的值

4.在箭头函数中，如果形参只有1个，可以省略小括号

const sum2 = n=> n;//表示返回一个参数n

5.箭头函数的this

（1）箭头函数不绑定this，箭头函数的this指向，取决于函数定义的位置，谁调用了它，this就指向谁。

const sum = (num1,num2) => {
    console.log('sum的this：'+this)
    return num1+num2;
   }
  sum();//由于这里调用sum的对象是window，所以这里打印的this指向的是window

 （2）用bind改变了this的指向，所以箭头函数的this指向也会改变

 const obj={name:'胡88'}
   function fnn(){
       console.log(this);
        return ()=>{
        console.log("箭头函数的this")
        console.log(this)
        console.log("箭头函数的this")
        }
   }
   const the = fnn.bind(obj);//bind改变fnn的this指向
   the();//虽然这里还是window调用了fnn函数，但是上面的bind已经改变了函数的调用对象，实际调用fnn的是obj这个对象，所以这里的this指的是obj
   o = fnn();//将fnn赋给变量o
   o();//指向函数o,这里的this指向的还是window    

上面的（1）的箭头函数定义在全局中，它的this对象指向的是window，（2）中的箭头函数定义在函数中，它的this指向与它的父函数一样，谁调用

它的父函数，箭头函数的this就指向谁。

不管怎么说，上述的箭头函数都是定义在可以定义作用域的域中。

7.要是箭头函数定义在对象中呢，因为对象没有作用域，那么this指向的是谁呢？

var obj1 = {
       age:20,
       say:()=>{
           alert(this.age)
             alert(this)//这里的this指的是调用对象
       }
   }
    obj1.say()//这里弹出的this.age会是20吗？？？

上述obj1.say()弹出的this.age会是undefined，因为调用者window中没有age.

修改形式（1）

可以将上面改为下面形式，在全局中定义变量age=100：

  var age = 100
   var obj1 = {
       age:20,
       say:()=>{
           alert(this.age)
       }
   }
  obj1.say();

上述obj1.say()弹出的this.age会是100，因为调用者window的作用域是全局，全局下的age=100.