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]

  • 相关阅读:
    运维必备:Oracle自备份精简教程(linux及win)
    Ansible11:变量详解【转】
    Ansible10:Playbook的角色与包含【转】
    Nginx下Redmine配置
    centos 6.5下安装mysql+nginx+redmine 3.1.0 笔记
    nginx 出现413 Request Entity Too Large问题的解决方法
    linux 安装redmine 遇到的问题
    linux编译ruby1.8.7 出现OPENSSL错误
    Linux下安装项目管理工具Redmine
    (转载)Go语言开发环境配置
  • 原文地址:https://www.cnblogs.com/qqpw/p/6627723.html
Copyright © 2011-2022 走看看