javascript 箭头函数介绍

By 刘志军 , 2021-10-15, 分类: javascript

JavaScript

箭头函数是ES6中出现的一种定义函数的简写方法, 用=>分隔参数列表和函数体。

例子:

let square = x=>x**2;

console.log(square(3))

输出

9

这个函数的定义等价于传统函数

function square(x){
    return x**2
}

箭头函数通常用于把一个未命名函数作为参数传给另一个函数。

let nums = [1,2,3,4].map(x=>x*2)

console.log(nums)

输出

[ 2, 4, 6, 8 ]

箭头函数让代码看起来更简洁了。

如果使用传统的function关键字来定义函数,看起来就显得有点啰嗦

nums = [1,2,3,4].map(function(x){return x*2})

console.log(nums)

箭头函数如果有多个参数,则需要使用括号括起来

const add = (x,y)=>x+y;

console.log(add(1,2))

如果箭头函数的函数体有多条语句,则要将函数体用大括号括起来,并用return关键字返回值

const add = (x,y)=>{let tmp=x+y;return tmp};

console.log(add(1,2))

这时候箭头函数的函数体和普通的function定义的函数体格式就完全一样了。所以箭头函数在简单的单行语句中才显得简洁,并具有可读性。一旦函数体过于复杂,再用箭头函数来定义可读性就没那么好了。


关注公众号「Python之禅」,回复「1024」免费获取Python资源

python之禅

猜你喜欢

2021-11-12
Javascript 原型与原型链
2021-11-09
javascript对象的3个属性特征
2021-10-30
Javascript 解构赋值
2021-10-19
javascript 字符串长度
2021-10-15
javascript条件式访问属性
2021-09-21
Javascript 中,相等操作符两等号“==”与三个等号 “===” 有什么区别?
2021-05-13
python和javascript中的round函数区别
2020-12-08
JavaScript高级程序设计读书笔记三:基本引用类型
2020-12-08
JavaScript高级程序设计读书笔记二:变量与作用域
2020-12-07
JavaScript 高级程序设计笔记:基础语法