美文网首页
EcmaScript: Arrow function

EcmaScript: Arrow function

作者: 8a0cbdf46620 | 来源:发表于2017-04-12 12:20 被阅读5次

es6新增函数写法,类似匿名函数的简洁写法,又和匿名函数有些重要区别

原来的函数写法: 命名函数、匿名函数、封闭函数

var aFn= (x)=>(x*2+3);

var aFn2= (x)=>{return (x*2+3)}

var ans1=aFn(9);

var ans2=aFn(9);

console.log(ans1,ans2);//-->21 21

函数体只有return语句时,或者说函数只对参数做映射处理时,可以省略大括号和return指令

即   (参数)=>(映射表达式)  eg: (x)=>(2*x-3)

试比较匿名函数

var afn=function(x){

return x*2+3;

}

var ans2=afn(9);

console.log(ans2);//-->21

箭头函数结构

1、箭头操作符:=>    等号加右尖括号

2、左侧参数列表

3、右侧函数体

总结:

--->箭头是二元操作符,左侧要求参数列表,右侧函数体

--->省略了function关键字、甚至大括号和return语句=>箭头函数是一种对参数的快速变形操作

--->this始终指向外层调用者

相关文章

  • EcmaScript: Arrow function

    es6新增函数写法,类似匿名函数的简洁写法,又和匿名函数有些重要区别 原来的函数写法: 命名函数、匿名函数、封闭函...

  • [JavaScript] arrow

    An arrow function expression (also known as fat arrow fun...

  • arrow function

    语法 基本语法 高级语法 注意: 返回的对象字面量必须以圆括号包裹起来

  • arrow function

    本篇文章是es6学习笔记,将github上的文章翻译并整理一下; 箭头函数在许多现在语言中都已经支持了,javas...

  • JS:箭头函数(ES6标准)

    Arrow Function(箭头函数)。 ES6标准新增了一种新的函数:Arrow Function(箭头函数)...

  • 箭头函数表达式

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)。为什么叫Arrow Function?因为...

  • ES6箭头函数与普通函数的区别

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)。 为什么叫Arrow Function?因...

  • 箭头函数与普通函数的区别

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)。 为什么叫Arrow Function?因...

  • ES6 特性

    ES6 readable usable matainable 1.Arrow Function function ...

  • JS笔记:ES6 Arrow functions

    An arrow function does not create its own this, the this ...

网友评论

      本文标题:EcmaScript: Arrow function

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