箭头函数是不是es6的新功能
导读:本文共1095.5字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 箭头函数是es6的新功能;箭头函数是es6中新增的一个函数,允许使用箭头“=>”定义函数,相对于普通函数,支持表达式和语句体,并且箭头函数与this周围的代码拥有相同的作用域。本教程操作环境:windows10系统、ECMAScript 6.0... ...
目录
(为您整理了一些要点),点击可以直达。
箭头函数是es6的新功能;箭头函数是es6中新增的一个函数,允许使用箭头“=>”定义函数,相对于普通函数,支持表达式和语句体,并且箭头函数与this周围的代码拥有相同的作用域。
本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。
箭头函数是es6的新功能吗
ES6标准新增了一种新的函数:Arrow Function(箭头函数),允许使用箭头 =>定义函数。
相对于普通函数,在语法上类似于C#,Java 8中的相关功能,支持表达式和语句体。
与普通函数不同,箭头函数与this周围的代码拥有相同的作用域。箭头函数有以下特征:
1、不需要 function 关键字来创建函数。
2、省略 return 关键字。
3、this始终指向函数申明时所在作用域下的this值(即箭头函数里面根本没有自己的this,而是引用外层的this)。
使用ES6箭头函数语法定义函数,将原函数的“function”关键字和函数名都删掉,并使用“=>”连接参数列表和函数体。
箭头函数的作用
//1、使表达更加简洁constisEven=n=>n%2===0;constsquare=n=>n*n;//2、简化回调函数//普通函数写法[1,2,3].map(function(x){returnx*x;});//箭头函数写法[1,2,3].map(x=>x*x);
es5写法:
箭头函数:
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
箭头函数是不是es6的新功能的详细内容,希望对您有所帮助,信息来源于网络。