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]

  • 相关阅读:
    fedora如何删除某个包且不删除依赖它的相关包
    git分支切换时的时间戳问题
    [Centos] ERROR: Could not find useradd in chroot, maybe the install failed?
    linux通过python设置系统默认编码
    linux设置系统时间和时区
    python: "TypeError: 'type' object is not subscriptable"
    如何搭建http服务仓库
    [转载]RPM中SPEC常用路径以及宏变量
    spec文件写作规范
    GeoServer中利用SLD配图之矢量图层配图
  • 原文地址:https://www.cnblogs.com/qqpw/p/6627723.html
Copyright © 2011-2022 走看看