zoukankan      html  css  js  c++  java
  • ECMAScript中的箭头函数

    ECMAScript中的箭头函数

      ECMAScript6中允许使用箭头(=>)表示函数,使用箭头函数使得

          代码更加简洁,使用箭头函数时,函数体内的this对象,就是定义时所在的对象,

      而不是使用时所在的对象。使得ES编程时摆脱this作用域问题的困扰,避免多次使用bind(this),

      绑定this的作用域。

          箭头函数的使用方法:

         

      1.箭头函数中传一个参数

             JS函数实现:

             let func=function(n){

               console.log(n);

         }

             func1(2); //2

             箭头函数实现:

             let func1=n=> console.log(n);

         func1(3);//3

          2.箭头函数中不传参数

          JS函数实现:

             let func2=function(){

              return 5;

         }

            箭头函数实现:

            let func2=()=> 5;

            console.log(func2());//5

          3.箭头函数传递多个参数

            JS函数实现:

            let func3=function(a,b){

          a+=5;

          return a+b;

        }

            箭头函数实现:

        let func3=(a,b)=> {

          a+=5;

          return a+b;

        };

         console.log(func3(3,4));//12

          4.箭头函数返回对象

        箭头函数返回对象是需要加括号()

        let initObj=id=>({id:id,name:"default"});

        console.log(initObj);//{id:3,name:'default'}

      5.对象的结解构赋值

        let full=({first,last})=>first+" "+last;

        console.log(full({first:"Maicha",last:"kerry"}));//Maicha kerry

      6.map集合遍历处理

        console.log([1,4,5,2].map(n=>n*2));//[2,8,10,4]

      7.sort排序(升序)

        console.log([1,4,5,2].sort((a,b)=>a-b);//[1,2,4,5]

  • 相关阅读:
    斜率dp cdq 分治
    POJ2449 (k短路)
    BZOJ1576 (最短路+并查集)
    SWUST0249 (凸包面积)
    道路修建 (网络流)
    HDU3930 (原根)
    ZOJ2006 (后缀自动机)
    Codechef2015 May
    后缀自动机
    Digit (数位DP)
  • 原文地址:https://www.cnblogs.com/qqpw/p/6627723.html
Copyright © 2011-2022 走看看