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

最新推荐文章于 2023-09-18 23:00:07 发布
最新推荐文章于 2023-09-18 23:00:07 发布
阅读量109 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28773159/article/details/104472729
版权
  • 箭头函数是匿名函数，不用当成构造函数来使用（不能 new）
  • 箭头函数不绑定 arguments，所以函数里不能用它
  • 箭头函数内部 this 指向函数定义时的上下文对象，而普通函数 this 指向函数执行时的上线文对象
  • 箭头函数内部的 this 指向不能通过 bind、apply、call 来改变
  • 箭头函数没有原型，即没有 prototype 属性
o古木奇o
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
12-09
ES6标准新增了一种新的函数：Arrow Function（箭头函数）箭头函数表面上相当于匿名函数，并且简化了函数定义。它们各自的区别是什么呢？ 1 带名和匿名函数的区别 区别：匿名函数需要讲地址赋值给另一个变量let a，...
JavaScript中的函数申明、函数表达式、箭头函数
10-15
js中的函数可以通过几种方式创建，具体创建方法通过实例代码给大家介绍的非常详细，文中通过例子给大家介绍了函数声明和表达式之间的差别，感兴趣的朋友跟随小编一起看看吧
【js】理解普通函数和箭头函数的区别点
web前端Talk的博客
05-15 1万+
普通函数在es5中就有了，箭头函数是es6中出现的函数形式，当然也可以继续用普通函数。 普通函数大家知道： 形式基本一致 来看看箭头函数： 开发时根据实际情况可以省略一些东西 单条处理可以省略return和{大括号} 单个参数可以省略(小括号) 箭头函数不能作为构造函数 不能new。会报错 箭头函数不绑定arguments，但是可使用…rest参数 这是普通函数arguments，可以使用...
=> js 中箭头函数使用总结
热门推荐
yangxiaodong88的博客
05-26 6万+
箭头函数感性认识 箭头函数 是在es6 中添加的一种规范 x => x * x 相当于 function(x){return x*x} 箭头函数相当于 匿名函数， 简化了函数的定义。 语言的发展都是倾向于简洁 对人类友好的， 减轻工作量的。 就相当于我最钟情的python, 有很多类似之处， 在 关于promise 文章中我会和Python 框架中的tornado 中的异步进行对比的，...
js中箭头函数和普通函数区别
weixin_43190804的博客
05-25 4557
一.箭头函数和普通函数 箭头函数相当于匿名函数，并且简化了函数定义。 箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。 还有一种可以包含多条语句，这时候就不能省略{ … }和return。 let fun = () => { console.log('111'); } function fun() { //普通函数 console.log('123'); } 二、箭头函数和普通函数的区别 1. 箭头函数不能作为构造函数，而普通函数可以： 箭头函
JavaScript中箭头函数与传统函数的区别
trenki的博客
01-29 297
箭头函数是ES6中新增的特性，下边将介绍它和传统函数的区别。 1.没有this、super、arguments和new.target的绑定 在箭头函数中，上边的值都有与箭头函数最近的非箭头函数决定。 2.不能通过new关键字调用 箭头函数没有没有constructorf方法，所以就不能被用作构造函数，如果用new 关键字调用箭头函数，程序会抛出TypeError 。 let Test = () => 3 let b = new Test() //Uncaught TypeError: Test is
箭头函数写法_JS中箭头函数与this的写法和理解
weixin_29464593的博客
01-16 372
前言JavaScript在ES6语法中新增了箭头函数，相较于传统函数，箭头函数不仅更加简洁，而且在this方面进行了改进。this作为JavaScript中比较诡异的存在，许多文章对于this的解释也不尽相同，本篇文章试图厘清JS中函数与this的关系。一、JS中函数的写法1.常规函数的写法在ES6语法之前，JS中的函数由function关键字、params参数和被花括号包裹的函数体组成。为了与后...
ES6箭头函数与传统的JS函数的区别
guizai_jianchi的博客
05-23 214
1.没有 this 、 super 、 arguments ，也没有 new.target 绑定： this 、 super 、 arguments 、以及函数内部的 new.target 的值由所在的、最靠近的非箭头函数来决定； 2.不能被使用 new 调用： 箭头函数没有 [[Construct]] 方法，因此不能被用为构造函 数，使用 new 调用箭头函数会抛出错误； 3...
箭头函数与普通函数的区别？
m0_62118859的博客
05-09 2万+
1. 箭头函数比普通函数更加简洁 如果没有参数，就直接写一个空括号即可 如果只有一个参数，可以省去参数的括号 如果有多个参数，用逗号分割 如果函数体的返回值只有一句，可以省略大括号 2. 箭头函数没有自己的this 箭头函数不会创建自己的this， 所以它没有自己的this，它只会在自己作用域的上一层继承this。所以箭头函数中this的指向在它在定义时已经确定了，之后不会改变。 3. 箭头函数继承来的this指向永远不会改变 var id = 'GLOBAL'; var obj = {
html中函数与方法的区别,JavaScript中普通函数和箭头函数的区别是什么？
weixin_35782250的博客
06-23 144
普通函数和箭头函数的是什么？区别是什么？下面本篇文章就来给大家对比一下普通函数和箭头函数，介绍两者的区别。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。ES6标准新增了一种新的函数：Arrow Function(箭头函数)，为什么叫Arrow Function？因为它的定义用的就是一个箭头，那么，它和普通函数有哪些不同呢？箭头函数的特点箭头函数相当于匿名函数，并且简化了函数定义。...
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
javascript ES6中箭头函数注意细节小结
10-20
主要给大家总结了关于javascript ES6中箭头函数注意细节的相关资料，文中介绍的比较详细，需要的朋友可以参考借鉴，下面来一起看看吧。
【JS】JavaScript中箭头函数与传统函数的区别 arguments以及剩余参数 函数中this的指向
owo_ovo的博客
09-18 138
JavaScript中箭头函数与传统函数的区别 arguments以及剩余参数 函数中this的指向.md
患者发生输液反应的应急预案及护理流程(医院护理资料).docx
06-15
患者发生输液反应的应急预案及护理流程(医院护理资料).docx
chromedriver-win64_121.0.6105.0.zip
最新发布
06-15
chromedriver-win64_121.0.6105.0.zip
chromedriver-win64_120.0.6099.35.zip
06-15
chromedriver-win64_120.0.6099.35.zip
php+sql成绩查询系统(系统+论文+答辩PPT).zip
06-15
php+sql成绩查询系统(系统+论文+答辩PPT).zip
js中箭头函数的适用场景
07-12
3. 简化this的绑定：箭头函数没有自己的this值，它们会继承父级作用域中的this值，因此可以避免使用传统函数中的this绑定问题。 总之，箭头函数适用于那些简短、简洁、明确的函数，可以使代码更加简洁易懂。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值