js 中箭头函数与传统函数的区别

最新推荐文章于 2025-12-14 01:06:59 发布
原创 最新推荐文章于 2025-12-14 01:06:59 发布 · 156 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文深入探讨了箭头函数的特性，包括其作为匿名函数的身份，无法作为构造函数使用，内部this指向定义时的上下文对象，以及不绑定arguments等关键信息。
  • 箭头函数是匿名函数，不用当成构造函数来使用（不能 new）
  • 箭头函数不绑定 arguments，所以函数里不能用它
  • 箭头函数内部 this 指向函数定义时的上下文对象，而普通函数 this 指向函数执行时的上线文对象
  • 箭头函数内部的 this 指向不能通过 bind、apply、call 来改变
  • 箭头函数没有原型，即没有 prototype 属性
o古木奇o
关注
机器人视觉伺服控制入门：从IBVS到PBVS的实战指南（附Python代码示例）
最新发布
weixin_29061997的博客
03-05 229
本文深入解析机器人视觉伺服控制，对比了基于图像的视觉伺服和基于位置的视觉伺服两大核心方法。通过实战案例与Python代码示例，详细阐述了从误差计算、交互矩阵到速度控制的全流程，帮助读者掌握如何利用视觉反馈实现机器人的实时闭环控制，提升其在动态环境中的作业能力。
搞定ESD（九）：静电放电之PCB设计
记得诚
01-22 1877
不同信号参考地平面应尽量保持完整，减小静电电流流过参考地平面时造成的电位差,防止电位差导致的信号传输电平错误.主芯片GPIO信号布线应保持最短化，减小与参考地平面之间的电场耦合，同时也防止因信号环路面积较大耦合静电放电噪声干扰。外部端子接地引脚顶层采用分地设计，最好是直接过孔到完整参考地平面接地，避免与顶层信号包地、其它包地相连，防止顶层串扰耦合到其它信号，造成ESD问题。
8.JS学习篇-箭头函数和普通函数
qq_34334992的博客
08-21 1601
1.基本语法使用function关键字进行定义。函数可以有零个或多个参数，参数之间用逗号分隔。函数体包含一系列语句，用于执行特定的任务，并可以通过return语句返回一个值。2.函数声明和函数表达式函数声明是在代码中独立出现的函数定义，会在代码执行前被解析和提升到作用域的顶部。函数表达式是将函数赋值给一个变量，可以在任何位置定义。
基于Qwen2-VL多模态大模型在COCO2014图像描述数据集上进行LoRA微调以实现图像识别与描述的完整项目_该项目专注于利用阿里通义实验室最新推出的Qwen2-VL-2B-I.zip
基于Qwen2-VL多模态大模型在COCO2014图像描述数据集上进行LoRA微调以实现图像识别与描述的完整项目_该项目专注于利用阿里通义实验室最新推出的Qwen2-VL-2B-I.zip
一文读懂：JS箭头函数与普通函数的差异及this指向
md_1008的博客
01-16 541
了解了箭头函数与普通函数的差异后，我们可以更加明智地选择适合的函数类型。当你需要动态绑定this、使用arguments对象或创建构造函数时，普通函数是更好的选择。而当你追求简洁的语法、处理嵌套函数或回调函数时，箭头函数则显得尤为方便。在JavaScript的编程旅程中，掌握这两种函数类型的差异和用法将使你更加游刃有余。希望这篇文章能帮助你更好地理解它们，并在实际编程中灵活运用。
【js】理解普通函数和箭头函数的区别点
web前端Talk的博客
05-15 1万+
普通函数在es5中就有了，箭头函数是es6中出现的函数形式，当然也可以继续用普通函数。 普通函数大家知道： 形式基本一致 来看看箭头函数： 开发时根据实际情况可以省略一些东西 单条处理可以省略return和{大括号} 单个参数可以省略(小括号) 箭头函数不能作为构造函数 不能new。会报错 箭头函数不绑定arguments，但是可使用…rest参数 这是普通函数arguments，可以使用...
js中箭头函数和普通函数区别
weixin_43190804的博客
05-25 5086
一.箭头函数和普通函数 箭头函数相当于匿名函数，并且简化了函数定义。 箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。 还有一种可以包含多条语句，这时候就不能省略{ … }和return。 let fun = () => { console.log('111'); } function fun() { //普通函数 console.log('123'); } 二、箭头函数和普通函数的区别 1. 箭头函数不能作为构造函数，而普通函数可以： 箭头函
JavaScript 箭头函数：与传统函数的5大区别
AI架构全栈开发实战笔记
07-21 779
本文旨在帮助初中级JavaScript开发者准确理解箭头函数的特性，掌握5个与传统函数的关键差异。覆盖从基础语法到执行上下文的深度解析，包含大量生产环境代码示例。词法作用域：变量在代码中的位置决定的可见性范围执行上下文：函数执行时的环境信息（包含this值、变量对象等）语法糖：简化代码书写的语法结构Person.prototype.greet = function() { /* 正确 */ }Animal.prototype.run = function() { /* 报错！*/ }
【JS】JavaScript中箭头函数与传统函数的区别 arguments以及剩余参数 函数中this的指向
owo_ovo的博客
09-18 365
JavaScript中箭头函数与传统函数的区别 arguments以及剩余参数 函数中this的指向.md
JavaScript箭头函数：与传统函数的区别及使用场景
gitblog_07126的博客
12-14 411
在JavaScript前端开发面试中，箭头函数与传统函数的区别是一个常见且重要的技术问题。掌握这两种函数语法的差异不仅能帮助你在面试中脱颖而出，更能让你在日常开发中写出更优雅、更高效的代码。💡 ## 什么是JavaScript箭头函数？ JavaScript箭头函数是ES6引入的一种更简洁的函数语法。它使用`=>`符号来定义函数，相比传统函数具有更短的语法和特定的行为特征。 箭头函数的核心
js的箭头函数使用，箭头函数与传统函数的区别
a865509949的博客
11-24 955
es6 的箭头函数 箭头函数属于 es6 对于 js 的一种语法糖，使用箭头函数可以代码变的更加优雅好看 定义一个最简单的箭头函数 const fn = (param1, param1) => { /* code */ }; // 等价于 const fu = function(param1, param1) { /* code */ }; 箭头函数的简写 如何将代码做到极致的优雅? // 正常写法 const sum = (a, b) => { return a +
深入解析JavaScript中的箭头函数及其在React中的应用(箭头函数与传统函数的区别、如何在不同上下文中使用箭头函数)
开源AI 专属 UI——papyrai-ui。《千界明彻录》（故事形式构建元思维）——胡说小说。更多思辨内容在公众号。
10-17 1360
JavaScript中的箭头函数（Arrow Function）是ES6引入的一种更简洁的函数定义方式。它不仅减少了代码书写量，还带来了与传统函数不同的特性，尤其是在处理`this`绑定时表现得更加灵活。本文将深入探讨箭头函数的定义与用法、与传统函数的区别、在不同上下文中的使用方式，以及在React中的实际应用。
JavaScript中箭头函数与传统函数的区别
trenki的博客
01-29 413
箭头函数是ES6中新增的特性，下边将介绍它和传统函数的区别。 1.没有this、super、arguments和new.target的绑定 在箭头函数中，上边的值都有与箭头函数最近的非箭头函数决定。 2.不能通过new关键字调用 箭头函数没有没有constructorf方法，所以就不能被用作构造函数，如果用new 关键字调用箭头函数，程序会抛出TypeError 。 let Test = () => 3 let b = new Test() //Uncaught TypeError: Test is
javascript中传统函数和箭头函数的区别
我的博客，不一样的自我表达
05-21 71
具有构造函数的内部对象。箭头函数是在 ES6（ECMAScript 6）中实现的一个相对较新的特性，在我们看来，它只是在 Javascript 中声明函数表达式的一种更简洁优雅的语法。arguments对象是一个在所有函数中都可用的局部变量，它使使用 arguments 对象的同一函数中的引用成为可能的参数。两个模型之间的语法差异是众所周知的，因为在箭头函数中可以大大减少函数声明中存在的行数，特别是如果它已经是一个简单的函数。在传统模型中声明函数的情况下，这将按预期工作，我们将正确获取所寻求的属性。
ES6箭头函数与传统的JS函数的区别
guizai_jianchi的博客
05-23 308
1.没有 this 、 super 、 arguments ，也没有 new.target 绑定： this 、 super 、 arguments 、以及函数内部的 new.target 的值由所在的、最靠近的非箭头函数来决定； 2.不能被使用 new 调用： 箭头函数没有 [[Construct]] 方法，因此不能被用为构造函 数，使用 new 调用箭头函数会抛出错误； 3...
js 箭头函数
obj_668793的博客
08-07 501
1.箭头函数与function定义函数的写法： //function function fn(a, b){ return a + b; } //arrow function var foo = (a, b)=>{ return a + b }; var arrowfn = (a,b)=>{ return a+b; } var res = arrowfn(2,3); consol...
JS Lambda 表达式 （箭头函数）
2012年开始工作，全栈开发老兵，目前已是一个老师，分享这么多年的心得体会
02-06 1255
之所以可行，是因为浏览器在解析JS文件时找到函数声明，并在执行剩余语句之前设置好函数，这个过程被称为函数提升（function hoisting）。剩余参数必须是参数中的最后一个，并且在参数名之前用...表示。声明式的函数在执行JS文件中的代码之前进行处理，因此可以在定义函数之前就使用语句来调用它。箭头函数有两种格式， 一种只包含一个表达式，没有{…区别：区别在于浏览器在加载JS文件时，如何处理这些函数。JS不支持多态性，即不能创建名称一样，参数不同的函数。当函数不带参数时，必须带上 ()
JavaScript 中的箭头函数和普通函数（传统函数）在语法和功能上有以下主要区别
lexiangqicheng的博客
05-26 200
箭头函数没有自己的this，继承外层作用域的this，（词法作用域）普通函数的this，是动态绑定的this，由调用时决定的。**适用于需要固定this的场景，定义定时器，或者回调函数。2.4不能定义Class类，因为没有super，2.1没有自己的argument，2.2不能用于创建构造函数，2.3不能作为生成器函数，2.5不能用作生成器函数（1，this的绑定方式。
vue函数定义的多种写法
cbiexi的博客
03-25 5542
vue函数定义的多种写法 千次阅读 2019-09-05 10:31:27 vue定义方法 methods: { a(e,c){ alert(“aaa”); }, a{ alert(“aaa”); }, a: function(e,c) { alert(“aaa”); } } 在JS中箭头函数根据是否书写大小括号可分为以下四种情况。 // 不省略 const fun = (value) => { return value; }; // 省略小括号 const f
JS：匿名函数与箭头函数的区别
guoxiaozhuang4的博客
05-09 5969
1. 箭头函数不能当作构造函数，即不能使用new命令2. 不能使用arguments对象，函数体内不存在该对象。可使用rest参数代替。3. this指向问题(重点)。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> &am
JavaScript 箭头函数
热门推荐
Mr_Bobcp的博客
07-02 1万+
基础语法： (param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) =>{ return expression; }
基于Python和OpenCV的实时交通监测系统设计源码
该项目是一款基于Python和OpenCV的实时交通监测系统设计源码，共包含32个文件，涵盖11个Python源文件、6个XML配置文件、5个Markdown文件、3个JPG和PNG图片文件、2个Git忽略文件、1个Idea项目文件和1个文本文件。该系统通过处理视频流或视频文件，利用计算机视觉技术实时提取车流量、车速和排队长度等关键交通参数，适用于工控机平台上的交通监控应用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值