四张图秒懂JavaScript的ES6箭头函数用法

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 500+累计阅读 596平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄22年

关注

原创最新推荐文章于 2026-05-04 15:57:22 发布 596 阅读 AI 写同款· GEO 优化 ›

智能工厂四大系统协同实战：ERP/PLM/MES/WMS集成架构与数据流解析本文深入解析了智能工厂中ERP、PLM、MES、WMS四大核心系统的协同集成架构与数据流。通过实战案例，阐述了如何打通系统孤岛，实现从产品设计、资源计划、生产执行到仓储物流的数据无缝流转，从而构建高效、敏捷的智能工厂运营体系。阅读详情

通过图1，图2对比：

use strict; 可以把默默的undefined转化为显示的exception （顺带了解'use strict')

通过图2，图3对比：

正常函数都有自己的默认的this, 所以在回调函数里用that取代了this, 这样可以获取回调函数外层函数的属性值。

通过图3，图4对比：

=>形式是ES6最新用法，自动获取外层函数的this, 而不是函数自身的this.省略了var that = this的变量定义。

收录于

Javascript

当前文章被收录于：

Javascript

11 篇文章 0 人学习

订阅专栏查看详情

es6

当前文章被收录于：

es6

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#javascript #开发语言 #ecmascript

从零开始掌握OBD-II：汽车诊断开发的核心技术与实战解析本文深入解析OBD-II汽车诊断系统的核心技术，包括ECU通信协议、故障码解析及诊断工具开发实战。通过详细的协议分析和代码示例，帮助开发者快速掌握汽车诊断开发技能，实现从零到精通的进阶。特别适合从事汽车电子开发和OBD检测的技术人员参考学习。阅读详情

相关推荐

【Cadence】 ADS Dynamic Link使用教程

在Cadence617上使用ADS Dynamic Link

乾巽的博客 6074

ES6中的箭头函数详细梳理

一、箭头函数的介绍 1.1 什么是箭头函数 ES6中允许使用=>来定义函数。箭头函数相当于匿名函数，并简化了函数定义。 1.2 基本语法 // 箭头函数 let fn = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fn = function (name) { // 函数体 return `Hello ${name} !`; }; 箭头函数在语法上比普通函数简洁多。箭头函数就是采用箭头=

weixin_45709829的博客 2万+

基于Open Cluster Management构建企业级多Kubernetes集群管理平台OpenClaw

在云原生架构中，Kubernetes已成为容器编排的事实标准。随着业务规模扩大，企业往往需要管理分布在多个云环境或数据中心的Kubernetes集群，这带来了集群管理、应用分发、策略统一和监控运维等复杂挑战。多集群管理技术通过提供统一控制平面，实现了对分布式资源的集中管控，其核心价值在于提升运维效率、保障安全合规并降低管理成本。Open Cluster Management（OCM）作为CNCF沙箱项目，采用Kubernetes原生架构，通过自定义资源定义（CRD）和控制器模式，为构建多集群管理平台提供了标

weixin_33747129的博客 368

ES6基础：箭头函数

ES6基础系列（三）箭头函数 简要分析一个为什么会有箭头函数，它的意义是什么？

余光的博客 2万+

StarWind V2V Converter v9 虚拟磁盘转换工具使用教程 (转)

StarWind V2V Converter v9.0.1.268 是一款免费的虚拟磁盘转换工具，支持不同管理程序间的虚拟机镜像格式转换，包括VMDK、VHD/VHDX、IMG和QCOW2等格式。该工具具有窗口修复模式、零拷贝转换和管理程序切换等特色功能，能够轻松实现物理机到虚拟机的转换，并兼容主流管理程序如Hyper-V、ESXi等。使用教程详细介绍了从本地文件选择到格式转换的完整操作流程，转换过程简单高效且不影响原虚拟磁盘数据。

hsh的专栏 1479

武汉理工大学 python实验三

请编一个程序，用户在同一行内输入两个整数，代表头和脚的数量，编程计算笼中各有多少只鸡和兔（假设鸡和兔都正常，无残疾），如无解则输出`“Data Error!题目为：今有物不知其数，三三数之剩二，五五数之剩三，七七数之剩二，问物几何？年前，《孙子算经》中记载一个有趣的问题：今有雉兔同笼，上有三十五头，下有九十四足，问雉兔各几何？有一座八层宝塔，每一层都有一些琉璃灯，每一层的灯数都是上一层的二倍，已知共有。编写一个宝塔上的琉璃灯的小程序，计算并输出每层各有多少盏琉璃灯。，如果有多个解，则分行输出，每行一个解；

2401_83472225的博客 5949

【JS进阶】ES6箭头函数、forEach遍历数组

随着JavaScript语言的不断发展，ES6（ECMAScript 2015）引入了许多新的语法和特性，其中箭头函数和forEach方法成为了开发者们经常使用的重要工具。箭头函数简化了函数的写法，提升了代码的可读性和简洁性；而forEach方法则为数组遍历提供了一种更为直观的方式。本文将深入探讨ES6箭头函数和forEach方法，介绍它们的基本用法和一些实际应用场景，帮助读者更好地理解和运用这两个强大的JavaScript特性。

m0_62599305的博客 3479

FPGA实战：手把手教你实现VESA DSC编码（附Verilog代码解析）

本文详细介绍了如何使用FPGA实现VESA DSC编码器，包括核心架构设计、Verilog代码实现与优化技巧。通过流水线设计、色彩空间转换和预测编码等关键技术，帮助开发者掌握工业级DSC编码器的开发流程，并提供实用的调试与性能优化方法。

weixin_29165725的博客 403

JS ES6匿名函数和箭头函数

ES6匿名函数和箭头函数 1、匿名函数 2、箭头函数

偷只猫来养的博客 5975

【车辆仿真】从0开始建立dSPACE RT Simulink工程：CAN通信（RTICANMM方法）

【工程环境信息】：本文基于链接文章搭建SCALEXIO Rack RTPC总线节点，用于与AutoBox通信硬件：上位机：惠普台式PC（Windows 11专业版）下位机（实时机）：AutoBox (DS1006)板卡：DS6342软件：本文所使用的DBC链接提示：以下是本篇文章正文内容，下面案例可供参考！！！的部分一定记得配置，其他的按需配置RTICANMM的灵活度非常高，尽可能参考Help文档，理解相应的配置内容官方有RTICANMM的样例工程，在下方路径。

winnizap的博客 2381

YOLOv5改进之---EIoU,SIoU,AlphaIoU,FocalEIoU,Wise-IoU

本文主要针对yolov5的iou损失函数进行改进，主要涵盖EIoU,SIoU,AlphaIoU,FocalEIoU,Wise-IoU这几种损失

qq_41920323的博客 1464

ES6箭头函数详解

ES6中允许使用=>来定义函数。箭头函数相当于匿名函数，并简化了函数定义。

前端工程师 · Vue 生态深耕者，专注多端与工程化 2052

基于STM32的智能鞋柜系统设计与实现

摘要：本文设计并实现了一种基于STM32F103C8T6单片机的智能鞋柜系统。该系统通过DHT11温湿度传感器、PM2.5粉尘传感器和MQ-135空气质量传感器构建多维度环境监测网络，结合光电红外传感器和光敏传感器实现柜门状态识别与智能照明。系统采用分层控制策略，当温度低于15℃或湿度高于65%时自动启动加热和通风，PM2.5超标时启动通风，污染物浓度升高时激活紫外线杀菌。创新性地实现了柜门状态与紫外线消毒的双保险互锁机制，确保使用安全。测试结果表明，系统温湿度控制精度达±0.4℃/±2.0%RH，PM2.

3254968421的博客 252

JavaScript 之ES6

一、ES6 简介 1.1什么是 ES6 ? ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 ES6 实际上是一个泛指，泛指 ES2015 及后续的版本。 1.2为什么使用 ES6 ? 每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性语法过于松散，实现相同的功能，不同的人可能会写出不同的代码二、ES6 的新增语法 2.1...

msn131420的博客 7131

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候提示IE WebControls 不通过，这个工具可以欺骗u8的检查。跳过U8环境检测的IE WebControls。提示导入失败后，重新检测通过。

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

ES6(ECMAScript 6 ) 箭头函数以及js中的this

箭头函数定义一个箭头函数很简单，基本语法是： JS([param] [, param]) => { statements }param => expression param 是参数，根据参数个数不同，分这几种情况： () => { ... } // 零个参数用 () 表示； x => { ... } // 一个参数可以省略 ()； (x, y) => { ... } // 多参数不能省略

fengzijinliang的专栏 7600

NTscan扫描工具

ntscan是一个扫描器，可以扫描没有密码和弱密码的共享，先到配置文件中填写猜测的用户名和密码，扫描过程中右侧出现的是扫描日志。

JavaScript-ES6语法

ECMAScript 6，简称ES6，是JavaScript语言的一次重大更新。它于2015年发布，是原来的ECMAScript标准的第六个版本。ES6带来了大量的新特性，包括箭头函数、模板字符串、let和const关键字、解构、默认参数值、模块系统等等，大大提升了JavaScript的开发体验。由于VUE3中大量使用了ES6的语法,所以ES6成为了学习VUE3的门槛之一更加简洁：ES6引入了一些新的语法，如箭头函数、类和模板字符串等，使代码更加简洁易懂。

weixin_44201223的博客 5010

WINCC7.3破解文件

WINCC7.3硬件够破解文件，有需要的下载！WINCC7.3硬件够破解文件，有需要的下载！

ES6 箭头函数基本用法和使用注意的点

箭头函数 基本用法 ES6 允许使用“箭头”（=>）定义函数。 function fun(a){ return a; } // ↓ 去掉 function 在 ( ) 和 { } 之间添加 => var fun = (a) => { return a; } // ↓ 如果只有一个形参可省略 ( ) 如果一个形参都没有，必须加( ) var fun = a => { return a; } // ↓ 如果函数体只有一句话，可省略{ }，如果仅有的

， 4593

js ES6箭头函数的作用

箭头函数的作用是解决函数的二义性

weixin_43845059的博客 742

JavaScript之 ES6 - ES11新增语法

由上一章可知javaScript = ECMAScript + DOM +BOMECMA 是欧洲计算机制造商协会（European Computer Manufacturers Association）的缩写。该协会成立于 1961 年，是一个旨在促进欧洲计算机行业发展的标准化组织。它在计算机技术和相关领域制定了许多重要的标准，其中最著名的是与编程语言和脚本语言相关的标准，以下是一些具体介绍：ECMA - 262：这是由 Ecma 国际发布的标准文件，规定了浏览器脚本语言的标准，并将这种语言称为 ECMAS

xrkhy的博客 703

es6:=>(箭头函数)基本用法

ES6 允许使用“箭头”（=>）定义函数。 var f = v => v; // 等同于 var f = function (v) { return v; }; 箭头函数用=>代替了function和()，更加简洁如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。 var f = () => 5; // 等同于 var f = function...

元仙僧的博客 3953

JavaScript ES6箭头函数

箭头函数 箭头函数，也是定义函数的一种方式定义函数方式方式一：function const fn = function () { } 方式二：对象字面量中定义函数 //const obj = { // fn: function () { // // } //} const obj = { fn() { } } 方式三：ES6中的箭头函数 cons...

努力创作有价值的文章 484

es6箭头函数=＞的用法

ES6 允许使用“箭头”（=>）定义函数。 var f = v => v; // 等同于 var f = function (v) { return v; }; 如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。 ar f = () => 5; // 等同于 var f = function () { return 5 }; var sum = (num1, num2) => num1 + num2; // 等同于 var sum = function(n

angelnotears的博客 1463

ES6中箭头函数

箭头函数包含以下几个内容： 1 箭头函数的基本用法 2 使用箭头函数注意事项 3 箭头函数的 this 4 不适用箭头函数的场合 5 嵌套的箭头函数 下面是每个内容详情： 1 箭头函数的基本用法 //ES5 普通函数 var function foo(e){ return e; } //ES6 箭头函数 var foo = e => e; 如果箭头函数的参数是一个参数那么可以直接写成上...

zsl15039718107的博客 892

JavaScript 箭头函数 (ES6)

箭头函数 ES6 标准新增了一种新的函数：Arrow Function（箭头函数）为什么叫 Arrow Function？因为它的定义用的就是一个箭头： x => x * x 上面的箭头函数相当于： function (x) { return x * x; } 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连 { … } 和 ...

路虽远，行则必至！ 738

ES6 教程：JavaScript 中箭头函数的完整介绍

一般来说，对于常规函数，我们总是必须跟踪“this”上下文并记住正确绑定它，当我们有多个嵌套函数时问题会很麻烦。使用箭头函数，使用“this”关键字更容易，因为箭头函数没有自己的绑定到“this”，如果在箭头函数内部访问“this”，它是从外部获取的。总的来说，箭头函数是ES6最受青睐的特性之一，在箭头函数的帮助下，你的代码可以看起来更加整洁和简洁。首先，箭头函数需要是函数表达式，不能像普通函数那样单独放置。看起来像箭头的语法，所以人们称之为“箭头函数”或“胖箭头函数”（不知道为什么它是胖的）。......

Meta.Qing的博客 1224

es6箭头函数用法

箭头函数是es6的一种函数的简写方法。 var f = v = > v; //等同于 var f = function(v){ return v; } var sum = (num1,num2) => num1+num2 ; //等同于 var sum = function(num1,num2){ return num1+num2 } [1,2,3].map(f...

Nice的博客 385

上一篇：读懂四幅图，让你厘清JavaScript变量定义

下一篇：快速复现利用Log4j漏洞启动windows计算器

【Cadence】 ADS Dynamic Link使用教程

乾巽的博客

04-16

6074