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

    1.使用语法 : 参数 => 函数语句;

    分为以下几种形式 : 

    (1) ()=>语句

      (  )=> statement 这是一种简写方法省略了花括号和return 相当于 ()=>{return statement;}

       这和 匿名函数 function(){return statement;}等同

      零个参数用()表示;

    (2)    (  ) =>{多行语句}

      多行语句就不能省略花括号了,没有写return则返回 undefined;

    (3)    x =>{statement return y}   x=>statement 当只有一个参数时可以省略小括号;

       这和 匿名函数 function(x){ statement return y;}等同

    (4)     (x,y,z) = >{statement return z}   (x,y,z)=>statement  多个参数必须有小括号;

    (5)    ()=>({ob:"this is object"}) 

      使用简写方式当返回值是一个对象时需要加上小括号;这是因为花括号在js中表示可执行代码段也表示对象集合所以为了避免错误必须有小括号;

      使用()=>{return {object :" obj "}} 则不必添加小括号(添加了也不会有错);

    2.箭头函数的特性

    (1) 箭头函数内部没有constructor方法,也没有prototype,所以不支持new操作

      new (() => {}) //此处会报错

    (2)它对this的处理与一般的普通函数不一样。箭头函数的 this 始终指向函数定义时的 this,而非执行时,并且call和aply无法改变this的指向;

    window.color = "red";
    let color = "green";
    let obj = {
      color: "blue"
    };
    let sayColor = () => {
      return this.color;
    };
    sayColor.apply(obj);//red

     

  • 相关阅读:
    probuf了解
    rebbitmq-RPC(C#)
    获取指定数量的有序列表
    RPC(Remote Procedure Call Protocol)
    正则表达式(c#)
    02_python函数
    01_python基础
    养生茶
    测试左右移浅淡
    python类的组合
  • 原文地址:https://www.cnblogs.com/lizhiwei8/p/7677095.html
Copyright © 2011-2022 走看看