Js的箭头函数
JS 函数 箭头
2023-09-27 14:19:47 时间
更简短的函数并且不绑定this。箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target。
箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。
语法
(param1, param2, …, paramN) => { statements }
(param1, param2, …, paramN) => expression
//相当于:(param1, param2, …, paramN) =>{ return expression; }
// 当只有一个参数时,圆括号是可选的:
(singleParam) => { statements }
singleParam => { statements }
// 没有参数的函数应该写成一对圆括号。
() => { statements }
更短的函数
var elements = [
'Hydrogen',
'Helium',
'Lithium',
'Beryllium'
];
elements.map(function(element) {
return element.length;
}); // 返回数组:[8, 6, 7, 9]
// 上面的普通函数可以改写成如下的箭头函数
elements.map((element) => {
return element.length;
}); // [8, 6, 7, 9]
// 当箭头函数只有一个参数时,可以省略参数的圆括号
elements.map(element => {
return element.length;
}); // [8, 6, 7, 9]
// 当箭头函数的函数体只有一个 `return` 语句时,可以省略 `return` 关键字和方法体的花括号
elements.map(element => element.length); // [8, 6, 7, 9]
在这个例子中,因为我们只需要 length
属性,所以可以使用参数解构。 需要注意的是字符串 "length"
是我们想要获得的属性的名称,而 lengthFooBArX
则只是个变量名,可以替换成任意合法的变量名
elements.map(({ "length": lengthFooBArX }) => lengthFooBArX);
// [8, 6, 7, 9]
相关文章
- Node.js创建服务器
- JS Leetcode 530. 二叉搜索树的最小绝对差 题解分析,再次了解中序遍历
- js函数只执行一次,函数重写,变量控制与闭包三种做法
- node.js常用工具函数
- JS函数 【作用域链】【预解析】【微重点】
- (29)打鸡儿教你Vue.js
- JS的执行上下文,变量声明提升,函数声明提升
- 4、js内置函数
- 拥抱 Node.js 8.0,N-API 入门极简例子
- Rust调用JS函数(很方便)
- 基于Vue+Node.js(Express)实现(Web)物联网的蔬菜大棚温湿度监控系统【100010338】
- js:获取节点相关的 nodeName,nodeType,nodeValue
- JS迭代器函数大全
- JS-【箭头函数和普通函数!!】
- js中的异步模式--- 回调函数篇
- JS高阶---IIFE&&函数前加;
- JS ES6中的箭头函数(Arrow Functions)使用
- js实现字符串反转
- JS 实现取整
- QQ JS_SDk相关功能接口
- JS魔法堂:函数重载 之 获取变量的数据类型
- JS 转Boolean的两张方法
- JS学习第11天——函数进阶(this指向、严格模式、高阶函数、闭包、递归)
- Js中process.nextTick,setImmediate,setTimeout,Promise.then,async/await终极异步执行顺序全解析