箭头函数

一、写法

  1. 简化了函数的写法

    参数 => 函数体
    x => return x  

    多个参数加();函数体内容不止一行{……}代码块符号要加上
    (x,y)=> {}


    当return一个对象时,用()包起来,避免与代码块{} 冲突
    x => ({ foo: x })

  2. this 
    • 箭头函数内部的this是词法作用域,由上下文确定。
    • this总是指向词法作用域,也就是外层调用者obj:
      var obj = {
          birth: 1990,
          getAge: function () {
              var b = this.birth; // 1990
              var fn = () => new Date().getFullYear() - this.birth; // this指向obj对象
              return fn();
          }
      };
      obj.getAge(); // 25
      

        

  3. 没有 this、super、arguments 和 new.target 绑定。

二、额外小记 sort() 排序

  1. 普通
    arr.sort((x,y)=>{
        
    return x - y  // 升序排列
    
    // return y - x 降序排列
    })
    

      

  2. 数组内对象
    const  arr = [
      {name:'xiaohua', age:18,source:69},
      {name:'huahua', age:23,source:32},
      {name:'au', age:15,source:89}
    ]

    // 按年龄从小到大排
    arr.sort( (a,b) =>{
      return a.age - b.age
    })

      

原文地址:https://www.cnblogs.com/anbozhu7/p/11819232.html