箭头函数与普通函数区别

最新推荐文章于 2024-09-27 15:52:57 发布
最新推荐文章于 2024-09-27 15:52:57 发布
阅读量99 收藏
点赞数
分类专栏： es6 JS 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54722719/article/details/123416334
版权
JS 同时被 2 个专栏收录
22 篇文章 0 订阅
订阅专栏
es6
3 篇文章 0 订阅
订阅专栏
本文详细对比了箭头函数与普通函数的差异，包括定义方式、匿名性、构造函数使用及this指向问题。箭头函数使用简洁的语法，但不适用于构造函数且this固定指向定义时的上下文，而普通函数的this则根据调用方式确定。此外，箭头函数不绑定arguments，推荐使用rest参数来捕获参数。
摘要由CSDN通过智能技术生成
1. 箭头函数使用箭头定义，普通函数中没有
2. 箭头函数都是匿名函数

普通函数可以有匿名函数，也有具名函数，但箭头函数都是匿名函数

3. 箭头函数不能用于构造函数，不能使用new

普通函数可以用于构造函数，以此创建对象实例

4. 箭头函数的this指向不同
  1. 在普通函数中，this指向调用它的对象。箭头函数本身不创建this，它在声明的时候可以铺获其所在上下文中的this供自己使用。
  2. 箭头函数结合call(),apply()方法调用一个函数时，只传入一个参数对this没有影响。箭头函数的this永远指向其上下文的this，任何方法都改变不了其指向。
  3. 箭头函数不绑定arguments，取而代之用rest参数…解决
猪也是粉嘟嘟的
关注
专栏目录
箭头函数，匿名函数，为什么用？怎么用？有什么不一样？使用场景是什么？
githubcurry
05-28 1万+
箭头函数的使用和一些特性 JS中的箭头函数用=>来标识。箭头函数有两个主要的优点: 更简短的函数； 更直观的作用域和this的绑定(不绑定this) 因为这些优点，箭头函数比起其他形式的函数声明更受欢迎。比如，受欢迎的airbnb eslint configuration库会强制使用JavaScript箭头函数创建匿名函数。 1.　即它允许使用箭头（=>）来定义函数。 如 　　var f = v =>v; 这个箭头函数就等同于: 　　var f = function (v) { 　　
一篇讲透：箭头函数、普通函数有什么区别
~~~
12-25 8466
本文主要总结了箭头函数和普通函数的几大区别，箭头函数是ES6（ECMAScript 6）新增的使用箭头（=>）语法定义函数表达式的能力。任何可以使用函数表达式的地方，都可以使用箭头函数，并且它的语法比传统的函数表达式更加简洁。箭头函数虽然语法简洁，但也有一些场合不适用，需要根据不同的场景选择使用合适的函数。
箭头函数与普通函数的区别
yzkdcsdn的博客
11-12 2万+
箭头函数与普通函数的区别 1、外形不同：箭头函数使用箭头定义，普通函数中没有。 2、 箭头函数全都是匿名函数：普通函数可以有匿名函数，也可以有具名函数 3、箭头函数不能用于构造函数：普通函数可以用于构造函数，以此创建对象实例。 4、箭头函数中 this 的指向不同：在普通函数中，this 总是指向调用它的对象，如果用作构造函数，它指向创建的对象实例。 5、箭头函数不具有 arguments 对象：每一个普通函数调用后都具有一个 arguments 对象，用来存储实际传递的参数。但是箭头函数并没有此对象。 6
箭头函数与普通函数的区别？
m0_62118859的博客
05-09 2万+
1. 箭头函数比普通函数更加简洁 如果没有参数，就直接写一个空括号即可 如果只有一个参数，可以省去参数的括号 如果有多个参数，用逗号分割 如果函数体的返回值只有一句，可以省略大括号 2. 箭头函数没有自己的this 箭头函数不会创建自己的this， 所以它没有自己的this，它只会在自己作用域的上一层继承this。所以箭头函数中this的指向在它在定义时已经确定了，之后不会改变。 3. 箭头函数继承来的this指向永远不会改变 var id = 'GLOBAL'; var obj = {
ES6箭头函数、箭头函数与普通函数的区别
d_agege的博客
03-26 777
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
箭头函数与普通函数的区别详解
热门推荐
qq_42258904的博客
11-24 8万+
箭头函数和普通函数的区别 一.外形不同：箭头函数使用箭头定义，普通函数中没有 代码实例如下： // 普通函数 function func(){ // code } // 箭头函数 let func=()=>{ // code } 二.箭头函数都是匿名函数 普通函数可以有匿名函数，也可以有具体名函数，但是箭头函数都是匿名函数。 代码实例如下： // 具名函数 function func(){ // code } // 匿名函数 let func=function(){ // cod
JavaScript：箭头函数与普通函数的区别与适用场景
孙悟空
06-02 1791
本文介绍了js中普通函数与箭头函数的区别与适用场景，并给出示例代码。
普通函数与箭头函数的区别是什么？
qq_51441159的博客
11-01 1835
普通函数与箭头函数的区别
箭头函数和普通函数的区别
Harley567
09-16 223
箭头函数与普通函数的区别
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
js代码-014面试题--普通函数与箭头函数的区别
07-16
JavaScript是Web开发中不可或缺的一部分，其语法特性多样且灵活，其中普通函数与箭头函数是两种常见的函数定义方式。在JavaScript的世界里，理解和掌握它们之间的区别对于开发者来说至关重要，尤其是在面试过程中，...
webview2加载本地页面
qq_25160759的博客
09-23 603
推荐使用这种方式，加载速度比WebResourceRequested快（实测的确是快点），但是需要支持：ICoreWebView2_3。个人测试加载html字符串，对于html中引入了css和js，加载不太友好。这种方式是通过截获网络请求，然后返回需要的数据。以达到成功请求的假象。
WebGL复杂几何体与模型加载
天涯学馆
09-23 407
在WebGL中，复杂几何体的创建通常涉及多个顶点和面片，而模型加载则涉及到导入外部文件格式，如OBJ、GLTF或FBX。在WebGL中，可以通过设置不同类型的灯光来改变3D场景的光照效果。在WebGL中，可以通过增加更多的灯光uniforms并在片段着色器中计算它们的组合效果来实现多光源。除了基本的漫射和镜面高光，还可以添加软边缘高光、环境光遮蔽（Ambient Occlusion）和全局光照等效果，以增强光照的真实感。GLTF是一种现代的3D模型格式，包含了模型的几何体、材质、纹理和动画。
前端全屏模式切换
最新发布
yangyanqin2545的博客
09-27 60
【代码】前端全屏模式切换。
apply、call和bind的作用和区别
欢迎来到我的博客！我是一名全栈开发工程师，主攻前端开发。希望通过我的博客，能够与大家共同学习和成长。感谢您的关注和支持！
09-23 694
javascript中，apply、call和bind的作用和区别介绍。
DC00015基于java web校园网上购物系统
黄昏下的黎明的博客
09-24 641
DC00015【含配套文档】基于java web校园网上购物系统。
grpcweb 客户端请求grpc-java服务器
nddjava的专栏
09-24 368
1. 定义grpc proto文件：HelloWorld.proto。5.grpc-web代理：nginx。3. grpc-web js生成。2. java grpc服务。4. grpc-web代码。
js中 箭头函数与普通函数区别
03-24
箭头函数和普通函数的主要区别在于 this 的指向。箭头函数的 this 指向的是定义时所在的作用域，而不是执行时的作用域。另外，箭头函数没有自身的 arguments 对象，也不能使用 new 关键字调用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值