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

    箭头函数知识点很少,但是要理解清楚,不然看代码会很不适应的。

    1. 最简单的写法

    x => x*x

    可以理解为 我的x要被转化为x*x,所以实际相当于下边的这个

    function (x){
      return x*x
    }

    2. 箭头函数加块语法

    x=>{
        if(x>0){
            return 1
        }
        return 2
    }

    3. 当然如果是多个语句,就得用块了,不然就散开了,所以用一个花括号包着

    function(x){
      if (x > 0) {
        return 1;
      }
      return 2;
    }

    4. 没有参数或者多个参数需要用()吧参数括起来

    (x, y)=> x + y;

    5. 返回的是一个对象的话, 也要用括号,不然分不清是块还是对象,就报错了

    x=> ({color:"red"});

    6. 箭头函数和function不是一种东西哦,所以call, apply, bind都没用的

  • 相关阅读:
    观察者模式
    模版方法
    event
    设计模式之观察者模式
    BOM
    javascript基础语法&4
    Document Object Model
    javascript基础语法&3
    javaScript基础语法&1
    sublimeText3安装
  • 原文地址:https://www.cnblogs.com/sowhite/p/7874892.html
Copyright © 2011-2022 走看看