ES6中的箭头函数表达式

最新推荐文章于 2023-11-30 12:39:41 发布

胖妞Amanda

最新推荐文章于 2023-11-30 12:39:41 发布

阅读量1k

点赞数

分类专栏： ECMAScript

本文链接：https://blog.csdn.net/ITGirl_readme/article/details/81096370

版权

本文总结了ES6中的箭头函数，包括定义、语法、优势及使用注意事项。箭头函数的特点是语句简短，this由上下文确定，解决了传统函数中this指向的问题。但要注意，箭头函数不能用作构造函数，没有prototype属性，且在某些场景下对this的处理有别于常规函数。

摘要由CSDN通过智能技术生成

在react中使用了一些ES6的语法，在此总结一下！借鉴了好多大神写的博客，如有雷同，勿喷！仅用于个人学习总结！谢谢
主要借鉴如下站点：
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
廖雪峰老师的站点：
https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001438565969057627e5435793645b7acaee3b6869d1374000

箭头函数表达式

一、箭头函数的定义：

x => x+x;

上面的函数相当于：

function(x){
   
    return x+x;
}

二、箭头函数的语法：

1. 基本语法：

param1，param2，param3，...，paramN）=> {statements}
(param1，param2，param3,...，paramN) => 表达式
//等价于 =>{
  return : expression}

当只有一个参数当时候，括号是可选的。反之，多个参数必须加上括号：
(singleParam）=> {statements} 或 singleParam => {statements}

没有参数的时候可以直接写一对小括号： 
() => {statements}