关于箭头函数

2022-07-25 06:00:07 阅读：144 来源： 互联网

参考：https://www.runoob.com/js/js-function-definition.html

https://blog.csdn.net/xiaoxiaodechongzi/article/details/114402981

ES6 中新增了箭头函数。

箭头函数表达式的语法比普通函数表达式更简洁。

1-为什么叫Arrow Function？因为它的定义用的就是一个箭头：

x => x * x

上面的箭头函数相当于ES5中：

function (x) {
    return x * x;
}

2-箭头函数的格式：


(参数1, 参数2, …, 参数N) => { 函数声明 }

(参数1, 参数2, …, 参数N) => 表达式(单一)
// 相当于：(参数1, 参数2, …, 参数N) =>{ return 表达式; }

3-根据参数数量不同,格式有所不同：

3.1没有参数的函数应该写成一对圆括号:

() => {函数声明}
实例： （）=>3.14

3.2当只有一个参数时，圆括号是可选的：

(单一参数) => {函数声明}
单一参数 => {函数声明}
 实例：x=>x*2;

3.3参数不止一个，就需要用括号()括起来：

(参数1, 参数2, …, 参数N) => { 函数声明 }
实例：const x = (x, y) => { return x * y };

4-根据表达式数量不同，格式有所不同： 4.1只包含一个表达式，连{ … }和return都省略掉了。实例：在ES5中，函数的格式是

function (x) {
    return x * x;
}

而在ES6中，用箭头函数可以写成

x => x * x

4.2包含多条语句，这时候就不能省略{ … }和return.
实例：
在ES5中，函数的格式是

function (x) {
    if(x>0){
       return *x;
}
else{
      return -x*x;
}

而在ES6中，用箭头函数则写成

x => {
    if (x > 0) {
        return x * x;
    }
    else {
        return - x * x;
    }
}
此时不能省略{ … }和return。

标签：function,return,函数,箭头,参数,关于,表达式
来源： https://www.cnblogs.com/fontainecode/p/16516112.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

关于箭头函数