码迷,mamicode.com
首页 > 其他好文 > 详细

箭头函数

时间:2019-11-08 12:08:22      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:绑定   就是   hellip   代码块   数加   作用   排序   obj   函数   

一、写法

  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
    })

      

 

箭头函数

标签:绑定   就是   hellip   代码块   数加   作用   排序   obj   函数   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!