美文网首页
ES6的箭头表达式

ES6的箭头表达式

作者: sprittee | 来源:发表于2018-09-06 23:52 被阅读0次

假设我们要建立一个简单的有返回值的函数

var foo=function(bar){return bar+1};

而在ES6中使用箭头表达式可以直接写成:

var foo=(bar)=>bar+1;//foo(bar)返回bar+1

比较两种表达式,函数表达式可读性会更强一些,但是不如箭头表达式来的简洁。

  1. 箭头表达式在无参数条件下:
var foo=()=>1; //foo()返回1
  1. 两个参数条件下:
var foo=(bar1,bar2)=>bar1+bar2; //返回bar1+bar2

相关文章

  • 深入理解ES6中的箭头函数

    JavaScript深入理解ES6中的箭头函数 箭头函数表达式的语法比函数表达式短,并且不绑定自己的 this,a...

  • ES6的箭头函数(Arrow Function)

    概述 ES6标准新增了一种新的函数:Arrow Function(箭头函数).箭头函数表达式的语法比函数表达式更简...

  • ES6箭头函数和解构赋值

    在es6之前,我们函数都是表达式 这种方式书写的,但是在ES6中,我们函数可以使用箭头函数表示 例如 使用箭头函数...

  • ES6箭头函数简介

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

  • iOS WKWebView js oc交互

    ES6 语法 自己的理解 ==>箭头函数 JSX语句 在JSX中嵌入任何JavaScript表达式,方法是将其包装...

  • React ES6新特性

    箭头操作符 如果你会C#或者Java,你肯定知道lambda表达式,ES6中新增的箭头操作符=>便有异曲同工之妙。...

  • ECMAScript6.0的新特性

    箭头操作符 如果你会C#或者Java,你肯定知道lambda表达式,ES6中新增的箭头操作符=>便有异曲同工之妙。...

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

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

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

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

  • 第八周第一天笔记

    es6语法 1 箭头函数 表达式格式:var 函数名 = 参数 => 返回值;var fn=p=>p;var fn...

网友评论

      本文标题:ES6的箭头表达式

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