美文网首页
ES6基础 -- 箭头函数

ES6基础 -- 箭头函数

作者: MF_遇见零一 | 来源:发表于2017-07-04 14:02 被阅读0次
箭头函数,简化的匿名函数
(parameters) => { statements };
  • 没有参数
() => { stamements };
  • 只有一个参数,可省略()
parameters => { statements };
  • 如果返回值只是一个表达式,可以省略{}
parameters => expression;
x => x*2;
  • this指向, 没!有!局部this的绑定
functionCounter(){
    this.num = 0;
    this.timer = setInterval(()=>{
        this.num ++;
        console.log(this.num);
    },1000)
}
var counterNum = new Counter(); //1,2,3...
  • 多个箭头函数
let add = x => y => x+y;

解析成es5

var add = function add(x){
      return function(y){
          return x + y;
      }
}

调用 add(2);

function(y){
  return x +y;
}

调用add(2)(3);

// 5

总结

  • 作用等同于
(x,y) => x+y;
  • 目的 : 最后一次调用之前的函数调用,是在为最后一次执行传递参数(至于为什么这么用,我也不理解)
    柯里化函数的雏形
  • 惰性求值(能不能说人话,小白表示听不懂)
  • 可以提前传递部分参数

相关文章

  • ES6箭头函数简介

    @(JS技巧)[ES6|箭头函数] ES6箭头函数(Arrow Functions) ES6可以使用“箭头”(=>...

  • es6全家桶(二)—— 箭头函数

    es6全家桶(二)—— rest参数、箭头函数 箭头函数 ES6 允许使用“箭头”(=>)定义函数。 var f ...

  • es6、js、css、jquery、vue以及程序设计 知识点总

    es6 列举常用的es6特性。 箭头函数this的指向。 eg:箭头函数的特性 箭头函数内部没有construc...

  • 箭头函数

    ES6允许使用“箭头”(==>)定义函数。 箭头函数 等同于

  • es6基础知识3(函数拓展)

    title: es6基础知识3(函数拓展)tags: 参数默认值 剩余参数 箭头函数 categories: 前端...

  • 学习 ES 6 箭头函数

    箭头函数的用法 ES6 允许使用“箭头”(=>)定义函数。 箭头函数的一个用处是简化回调函数。 箭头函数 this...

  • JavaScript箭头函数

    ES6新语法箭头函数 箭头函数是ES6新语法,因为语法简单、可读性好,所以使用的也很多。箭头函数也是匿名函数,区别...

  • 关于ES6箭头this的指向问题

    ES6 允许使用 “ 箭头 ” (=>)定义函数。 箭头函数 填 坑。 this的指向是 向上查找 非箭头函数的...

  • ES6箭头函数(Arrow Functions)

    箭头函数是什么?(What) 箭头函数 (Arrow Functions)也称“胖箭头函数”,是ES6全新的特性。...

  • 2019-01-11

    ES6 箭头函数 箭头函数表示法:()=>console.log('Hello') 箭头函数和普通函数的区别 和普...

网友评论

      本文标题:ES6基础 -- 箭头函数

      本文链接:https://www.haomeiwen.com/subject/katxhxtx.html