分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

js 之 箭头函数 (未学完)

发布时间:2023-09-06 02:22责任编辑:傅花花关键词:js

js之箭头函数表达式


箭头函数表达式的语法比函数表达式更短,并且没有自己的this,arguments,super或 new.target。这些函数表达式更适用于那些本来需要匿名函数的地方,并且它们不能用作构造函数

语法

基础语法

(参数1, 参数2, …, 参数N) => { 函数声明 }(参数1, 参数2, …, 参数N) => 表达式(单一)//相当于:(参数1, 参数2, …, 参数N) =>{ return 表达式; }// 当只有一个参数时,圆括号是可选的:(单一参数) => {函数声明}单一参数 => {函数声明}// 没有参数的函数应该写成一对圆括号。() => {函数声明}

 

高级语法


//加括号的函数体返回对象字面表达式:参数=> ({foo: bar})//支持剩余参数和默认参数(参数1, 参数2, ...rest) => {函数声明}(参数1 = 默认值1,参数2, …, 参数N = 默认值N) => {函数声明}//同样支持参数列表解构let f = ([a, b] = [1, 2], {x: c} = {x: a + b}) => a + b + c;f(); ?// 6

事例:

var materials = [ ?‘Hydrogen‘, ?‘Helium‘, ?‘Lithium‘, ?‘Beryllium‘];materials.map(function(material) { ??return material.length; }); // [8, 6, 7, 9]materials.map((material) => { ?return material.length;}); // [8, 6, 7, 9]materials.map(material => material.length); // [8, 6, 7, 9]

详情地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions


js 之 箭头函数 (未学完)

原文地址:https://www.cnblogs.com/zero-vic/p/9978499.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved