箭头函数vs普通函数详解

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

关注

原创最新推荐文章于 2026-07-22 08:03:28 发布 287 阅读 AI 写同款· GEO 优化 ›

JavaScript 箭头函数 vs 普通函数：this绑定的终极指南 JavaScript中普通函数与箭头函数的this绑定机制对比： this绑定方式：普通函数：动态绑定，取决于调用方式（四种规则） 箭头函数：词法绑定，继承外层作用域的this 核心差异：普通函数可用作构造函数，可改变this指向 箭头函数不能用作构造器，this不可更改使用建议：需要动态this的场景（如对象方法、构造函数）使用普通函数需要固定this的场景（如回调函数）优先使用箭头函数 性能差异： 箭头函数创建更快、内存占用更小两者调用性能相当注意事项： 箭头函数没有自己的argument 阅读详情

在这里插入图片描述

收录于

当前文章被收录于：

4 篇文章 0 人学习

订阅专栏查看详情

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

标签

#js

WHAT - JavaScript bind vs call vs apply(包括在箭头函数中vs在普通函数中) 在WHAT - JavaScript 的函数你知道多少中我们介绍过bindcallapplyapply 和 call 除了参数形式不同外还有什么区别?bind 和其他两个除了不会立即执行外还有什么区别?这是一个非常好的深入问题！callapply和bind都是 JavaScript 中用来显式设置函数中this值的方法，它们在功能上相似，但在使用方式、执行时机等方面存在一些关键区别。你提到的“参数形式不同”和“是否立即执行”是它们最直观的区别，但实际上它们之间还有更深层次的区别。阅读详情

相关推荐

babel：轻松将箭头函数转换为普通函数-源码

我们写的箭头函数，如果要通过babel转换为普通的function 函数，可以在babel配置中添加。

qq_34793381的博客 1689

箭头函数转化为普通函数_理解 JavaScript 箭头函数

引言ES6 出现了箭头函数，我们在现代 JavaScript 的开发中经常使用箭头函数，它令我们的代码看上去更加简洁。思考在开始正题前，我们先思考一段代码，然后在文章的最后，我们还会回到这里看看我们的代码：let team = { work: 'my-team', langs: ['JS','PHP','JAVA'], show() { this.langs.forEach(funct...

weixin_39916758的博客 903

ES6中的箭头函数实例详解

主要介绍了ES6中的箭头函数,结合实例形式详细分析了ES6中箭头函数的基本语法、特性、使用方法与相关注意事项,需要的朋友可以参考下

箭头函数转化为普通函数_JavaScript: 为初学者介绍箭头函数

发这篇文章之前，我推荐下我们的官方微信号(朗沃)会定期发布java，前端，UI等优质文章，有想要学习软件开发的同学，关注小编头条号，私信【学习】即可免费获得训练营的名额上周我发表了一篇为初学者介绍 this 关键字的博文。这篇文章中没有涉及到的主题之一是箭头函数。这个主题只是因为太大，没法在那篇文章中讲解，所以本文在这里做一个补充。请继续阅读，学习有关箭头函数的基础知识！好处 #1: 更短的语法下...

weixin_39921504的博客 702

从翼型到湍流：用生活化案例图解空气动力学核心概念（中英双语版）

本文通过飞机机翼、F1赛车、高尔夫球等生活化案例，图解空气动力学核心概念。深入浅出地解释了攻角如何产生升力、边界层与流动分离如何影响阻力、马赫数如何划分速度世界，以及涡流与湍流的特性与应用。文章还介绍了计算流体动力学（CFD）这一现代数字风洞工具，帮助读者直观理解这些塑造现代交通与运动设计的无形之力。

metaverse5vr的博客 475

ubuntu20.04下内核源码下载分析

ubuntu 20.04下内核源代码下载，配置编译环境写在前面一、安装VMware Workstation和Ubuntu20.04二、修改apt源合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入写在前面我最近的科研工作需要使用到对ubun

冰冻三尺非一日之寒 1万+

es6的箭头函数转换为普通函数，以及将await/async函数转为普通函数

箭头函数转为普通函数：　　1. 安装babel-preset-es2015 　　npm install babel-preset-es2015 --save-dev 　　2.在.babelrc文件夹中：　　"presets": ["es2015"] await/async函数转为普通函数：　　1. 安装babel-preset-stage-2 ...

weixin_30376509的博客 734

写给音响工程师的科普文章（二）——从模电角度去了解调音台话放

上一篇讲到调音台第一级放大电路为差分放大器，关于差分放大器的基础知识可以参考以下资料：https://wenku.baidu.com/view/e6a46aaa2af90242a995e537 在教材中的差分放大器基本形式是这样子的，在实际电路中把RE电阻换成两个2倍RE，于是变成这样然后我们现在来对比调音台中的差分放大器和教材中的有什么区别，我就拿yamaha 01V 96来说...

huanghaoAudio的博客 7707

箭头函数转换为普通函数

箭头函数和普通函数区别

qq_36557846的博客 514

Claude Code插件安装与VSCode深度集成实战指南

Claude Code是一款专为IDE设计的AI编程助手插件，其核心价值在于将自然语言意图转化为可运行代码，从而优化开发者认知带宽分配。它依赖Node.js运行时、git版本上下文和VSCode编辑器API三者协同工作，技术原理涉及本地进程通信、权限策略绕过、上下文感知补全等关键机制。该工具显著提升工程效率，适用于CLI开发、EXIF元数据处理、异步逻辑生成等典型JavaScript/TypeScript应用场景。本文聚焦Claude Code插件在VSCode中的真实落地链路，覆盖Windows/macO

weixin_34006468的博客 477

基于YOLOv8的城市违建识别系统：从数据集构建到UI界面实现

YOLOv8是Ultralytics公司于2023年推出的最新一代YOLO(You Only Look Once)系列目标检测算法。更高效的骨干网络设计改进的锚框机制更精确的损失函数支持分类、检测、分割等多任务YOLOv8特别适合像违建识别这样的实时检测任务，能够在保持高精度的同时实现快速推理。

YOLO 675

ES5与ES6五大核心区别详解（前端必学对比教程）

本文对比了JavaScript的ES5与ES6五大核心差异：1）箭头函数简写语法并固定this指向；2）let/const引入块级作用域，解决var变量提升问题；3）函数默认参数简化参数处理；4）模板字符串支持换行和变量插值；5）解构赋值实现批量数据提取。ES6通过语法优化和功能增强，显著提升代码简洁性和可维护性，成为现代前端开发的基础规范。掌握这些差异对学习框架和工程化开发至关重要。

2602_95057108的博客 211

修复漏洞Windows 2012 Server R2(CVE-2016-2183)、(CVE-2015-2808)、(CVE-2013-2566)

【代码】修复漏洞Windows 2012 Server R2(CVE-2016-2183)、(CVE-2015-2808)、(CVE-2013-2566)

路~可以走过 2773

箭头函数 vs 普通函数

m0_72030584的博客 1685

Vue3 - Element Plus 日期选择器 el-date-picker，设置 type=week 变成周选择器后，将选择周时修改为 “周一至周日“ 为一组范围（详细示例代码，新手小白秒会）

vue3，element-plus，DatePicker日期选择器，el-date-picker，周，type=week，周选择器，日期选择器week怎么拿到具体的时间范围，如何取week周选择器的value值，format如何设置，时间选择器按周选择时展示具体日期范围，vue3elementPlus日期选择器选择一周7天的数据格式怎么拿到，el-date-picker设置type等于week后怎么设置format属性，format和value-format怎么设置，范围选择器周，一周，选择一周7天时间

🏆 前端领域优质创作者 1万+

（12）单相降压自耦变压器的等效电路和仿真模型

本文根据电机学基本原理，从单相双绕组变压器的接线方式出发，建立基本方程并导出T型等效电路。然后将双绕组变压器演变成一种降压自耦变压器，详细地建立起单相降压自耦变压器的数学模型以及导出相对应的等效电路，最后用Matlab/simulink的simscape元件库元件建立了基于单相自耦变压器的T型等效电路的仿真模型。用实例仿真验证了本文工作的正确性。

weixin_45670943的博客 1046

普通函数vs箭头函数vs匿名函数

文章目录前言普通函数直接声明函数表达式声明构造函数声明匿名函数直接声明通过匿名函数表达式匿名函数vs普通函数箭头函数多个参数的箭头函数一个参数的箭头函数(括号可省略)没有参数的箭头函数（要有括号）不绑定this通过 call() 或 apply() 方法调用一个函数时，只能传递参数不绑定arguments不能使用new操作符没有prototype属性yield 关键字习题练习前言最近在复习前端...

燎原的博客 789

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0，兼容Win7/Win10/WinXP，解压就可用。

JS中【普通函数中的this】vs【箭头函数中的this】

箭头函数中的this是在定义时确定的，并且会继承自外层词法作用域，而不是像普通函数那样在调用时确定。这个特性使得箭头函数在某些场景下非常有用，尤其是在处理回调函数时。然而，由于this的不可改变性，也需要注意避免在需要动态上下文的场景中使用箭头函数。了解并掌握箭头函数中this的行为能够帮助你写出更简洁、更健壮的 JavaScript 代码。

2301_79858914的博客 1142

IEM模型，地表粗糙度模拟

利用微波反演土壤水分时候，利用IEM模型可以实现对随机地表的模拟

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。，新界面，新视觉，

深度解析：箭头函数 vs 普通函数中的区别

本文深入探讨了JavaScript中箭头函数与普通函数在this指向上的差异及其适用场景。箭头函数没有自己的this，它继承自定义时的词法作用域，而普通函数的this则取决于调用方式。箭头函数不能作为构造函数，也不支持bind、call、apply方法改变this，且没有arguments对象和prototype属性。普通函数则具备这些特性。文章通过多个示例展示了两种函数在对象方法、setTimeout和构造函数中的不同行为，并总结了各自的适用场景和注意事项。最后，文章强调箭头函数适合轻量表达式和无上下文依

weixin_67925256的博客 1028

Camera2Demo

在Camera2 的基础上进行封装，使得Camera2一堆初始化逻辑与Activity分离，降低耦合度，完成预览拍照并保存的操作

JavaScript函数大比拼：普通函数VS箭头函数

摘要：JavaScript中的普通函数与箭头函数存在显著差异。普通函数使用function关键字，支持动态this、构造函数和arguments对象；而箭头函数语法简洁，采用静态this绑定，不支持构造函数和arguments。本文从语法、this指向、构造函数、参数处理等维度对比两者特性，并给出使用建议：简单逻辑优先用箭头函数，构造函数和方法类用普通函数。正确选择函数类型能避免常见错误，提升代码质量。

qq_31435455的博客 938

箭头函数详解

摘要 箭头函数是ES6引入的简洁函数语法，特点包括：1) 简化语法，如单参数可省略括号；2) 词法绑定this，继承外层作用域而非动态绑定；3) 不能作为构造函数；4) 无arguments对象。典型应用场景包括数组方法回调、Promise处理和事件监听器，能有效解决this指向问题。相比普通函数，箭头函数更简洁但功能受限，如不能使用new、yield或prototype。使用时需注意其特性差异，合理选择函数类型。

ai14433223的博客 1580

箭头函数、普通函数的区别，this指向

箭头函数和普通函数的区别有哪些？改变 this 指向的方法有哪些（call、apply、bind）

2203_75479159的博客 1123

箭头函数 vs 普通函数：前端新人别再被 this 搞懵了！

/ 'obj'，没毛病// 外层是 window，this === window// undefined（浏览器里 window.name 是空）箭头函数就像泡面：方便、省事儿，但天天吃会营养不良。普通函数像自己下厨：麻烦、锅碗瓢盆，但想炒啥都行。写代码别炫技，可读性第一，性能第二，炫技排最后。记住：当你纠结“用箭头还是普通”时，先问自己——“我需不需要动态 this？要绑死 this → 箭头；要动态 this → 普通；要 new → 普通；

一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！ 1006

深入解析 JavaScript 中的普通函数与箭头函数：区别、适用场景与最佳实践

在函数式编程的支持上，箭头函数作为 ES6 新引入的一种更为简洁的函数形式，极大地方便了开发者编写简洁高效的代码。然而，箭头函数的行为与传统的普通函数有所不同，尤其是在 this。普通函数在定义时，尤其是带有单行返回值的情况下，显得略微冗长。无论是全局调用、作为对象方法调用，还是在事件处理函数中调用，动态变化的场景，比如回调函数，尤其是在类方法中作为回调传递时，箭头函数避免了手动绑定。在回调函数、数组操作等场景中，箭头函数的简洁性尤为明显。在定义对象的方法时，箭头函数由于不绑定自己的。