_为什么需要箭头函数

已于 2024-03-17 18:20:48 修改
阅读量134 收藏
点赞数 1
分类专栏： 笔记 文章标签： 前端 javascript
于 2024-03-17 18:05:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44294593/article/details/136786486
版权

答：消除函数的二义性。

function 函数可以 fun（）调用，也可以 new 调用，这种设计不太好，所以设计了 class 来 new，不可以直接调用，又设计了箭头函数来直接调用，不可以 new。

这也是回答普通函数和箭头函数区别的依据

箭头函数区别于普通函数

  • 不能作为Generator函数，因为它里面不能使用yield关键字
  • 没有构造函数，不能new
  • 没有 arguments
  • 不能函数提升
  • this为上层的
  • 没有原型
  • 箭头函数的底层原理：底层相当于.bind(),并且永远绑定外部的this,因此，call无法替换箭头函数中的this
一个低保户
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
箭头函数的特点/作用
lan128lan的博客
04-09 7125
一、箭头函数的特点 箭头函数是匿名函数 1. 箭头函数使表达更加简洁，隐式返回值 const isEven = n => n % 2 === 0; const square = n => n * n; 箭头函数的一个用处是简化回调函数，如下： // 正常函数写法 [1,2,3].map(function (x) { return x * x; }); // 箭头函数...
箭头函数写法_JavaScript|箭头函数的用法
weixin_30308101的博客
12-30 4589
问题描述JavaScript ES6标准新增了比较重要的一种新的函数：Arrow Function(箭头函数),但大多数人都不能很好的了解箭头函数的用法，也不能区别箭头函数和function(),所以接下来我们就来介绍一下箭头函数。解决方案1 箭头函数的写法() => {}//举例x => x*2 //x的返回值变成x*2的值箭头函数定义包括一个参数列表，函数体放在最后。箭头函数有两种...
ES6 — 箭头函数
weixin_34168880的博客
05-14 341
一 为什么要有箭头函数 我们在日常开发中，可能会需要写类似下面的代码 const Person = { 'name': 'little bear', 'age': 18, 'sayHello': function () { setInterval(function () { cons...
箭头函数与普通函数区别
番茄酱的博客
11-07 166
1.箭头函数是匿名函数，不能作为构造函数，不能使用new 2.箭头函数不能绑定arguments，取而代之用rest参数…解决 function A(a){ console.log(arguments); } A(1,2,3,4,5,8); // [1, 2, 3, 4, 5, 8, callee: ƒ, Symbol(Symbol.iterator): ƒ] let C = (...c) =...
箭头函数，匿名函数，为什么用？怎么用？有什么不一样？使用场景是什么？
githubcurry
05-28 1万+
箭头函数的使用和一些特性 JS中的箭头函数用=>来标识。箭头函数有两个主要的优点: 更简短的函数； 更直观的作用域和this的绑定(不绑定this) 因为这些优点，箭头函数比起其他形式的函数声明更受欢迎。比如，受欢迎的airbnb eslint configuration库会强制使用JavaScript箭头函数创建匿名函数。 1.　即它允许使用箭头（=>）来定义函数。 如 　　var f = v =>v; 这个箭头函数就等同于: 　　var f = function (v) { 　　
JS箭头函数三连问：为何用、怎么用、何时用
画漫画的程序员∙苏南
08-02 357
点击上方“IT平头哥联盟”，选择“置顶或者星标”前言很哲学的问题。文章由@kitety翻译分享。在现代JS中最让人期待的特性就是关于箭头函数，用=>来标识。箭头函数有两个主要的优点：...
浅谈箭头函数写法在ReactJs中的使用
10-19
在ReactJs中，箭头函数是一种简洁且易读的函数定义方式，尤其对于有Java等面向对象编程背景的开发者来说，它们提供了更直观的语法。然而，直接在React组件内部使用箭头函数可能会遇到编译错误，因为默认情况下，...
04-箭头函数.rar
11-06
在JavaScript的世界里，箭头函数是ES6引入的一项重要特性，它为函数的定义提供了一种更为简洁的语法。在“04-箭头函数.rar”这个压缩包中，我们很可能会找到关于Vue-cli2的基础操作和配置的学习资料，同时会深入探讨...
ES6中的箭头函数实例详解
08-30
4. **不能用作`Generator`函数**：箭头函数不能用于创建生成器函数，需要使用`function*`关键字。 总结，ES6中的箭头函数提供了更简洁的函数定义方式，尤其是在处理`this`上下文时，能够避免传统函数中常见的`this`...
PHP 7.4 新语法之箭头函数实例详解
10-17
当前的箭头函数限制为只能包含一个表达式，因此不能有多个语句。这使得它们不适合多行逻辑。不过，未来的 PHP 版本可能会考虑支持多行的箭头函数，这是一个单独的提案（RFC）。 ### 应用场景与未来发展 箭头函数...
JavaScript箭头函数_动力节点Java学院整理
12-08
总的来说，箭头函数为JavaScript提供了更简洁的语法和更清晰的作用域行为，使得编写函数更加直观，特别是处理`this`相关的逻辑时。然而，由于箭头函数的`this`特性，它们并不适用于所有情况，尤其是那些依赖`this`...
为什么用箭头函数
xiaoxin0630的博客
04-24 1255
我当时出错一直 赋值不了给数组 一直报错 this 指向不对 this指向的是ajax里面的 改成箭头函数就好了 function(){}里面的this是局部的 改成这样 created:function(){ console.log("1"); this.$ajax.get("/category/list_category?...
ES6中箭头函数的作用
超越梦想，一起飞！！！
11-14 7264
我们知道在ES6中，引入了箭头函数，其本质就是等同有ES5中的函数。类似于下面的写法： let test1=() => “abc”; let test2=() => { return “abc”}; let sum=(a,b) => a+b;比如上面的3个ES6的箭头函数的写完，如果用ES5就像下面的写完一样。 其实其等同于下面的ES5的写法：function test1() { retur
箭头函数和普通函数的区别
热门推荐
work hard
07-25 1万+
面试时被问到箭头函数和普通函数的区别。。。 -_-|| 借用别人的一个栗子： function make () { return ()=>{ console.log(this); } } var testFunc = make.call({ name:'foo' }); testFunc(); testFunc.call({ name:'bar' }); Object
vue3前端开发-小兔鲜项目-人气推荐栏目的前端渲染
最新发布
yrldjsbk的博客
07-18 340
除了必要的import导入之外，剩余的就是直接调用了，赋值了。经历过上一次的，新鲜好物的栏目渲染之后，我们已经熟练了，vue3的接口调用，数据渲染到页面中的整体流程。如图，我们已经做好了，列表的渲染赋值。里面可以看见，顶部是脚本，中间是模板，底部是样式。在首页面，内容里面，会看见很多内容，上期内容我们已经完成了新鲜好物的渲染操作。1：打开接口文档，查询：人气推荐栏目的接口地址信息和参数，返回值对象信息等。以上内容就是，已经写好的，HomeHot的模板代码了。如图，地址信息和调用的方式已经清楚了。
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 1280
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
【Vue】 style中的scoped
DX390609的博客
07-15 166
在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，通过该属性，可以使得组件之间的样式不互相污染。
中间件的理解
modi000的博客
07-15 429
直接返回，前置服务可以支持更高流量的并发，后置的需要耗时、耗力的，需要IO操作的服务，可以通过MQ慢慢处理。前端写消息的速率比后端处理消息的速率要快很多的。a.快递员角度：快递员无需将快递直接交到用户手里，放在菜鸟驿站即可走了，增加了送快递的数量，提高了送快递的效率；b.用户角度：快递到达的时候在上班，当时无时间取快递，当有了菜鸟驿站后，用户可以在下班闲暇时间去取快递。所以，中间件可以多个可能互相调用的系统耦合程度，提升接口的响应速度，。c.双十一的时候，快递量暴增，快递员不会手忙脚乱、用户可排序取快递。
【前端】JavaScript入门及实战6-10
weixin_45980065的博客
07-17 568
如果使用Number表示的数字超过了最大值，则会返回一个Infinity，表示正无穷，typeof是number。NaN是一个特殊的数字，不是数字：not a number，是一个字面量，typeof是number。但是注意，null和undefined这两个值没有toString()方法，如果调用会报错。它会将null直接转换为"null"，将undefined直接转换为"undefined"当声明一个变量，但是并不给变量赋值时，它的值就算undefined。该方法不会影响原变量，它会将转换的结果返回。
react为什么要用箭头函数绑定事件
05-29
在React中，使用箭头函数绑定事件的...需要注意的是，使用箭头函数绑定事件也有一些缺点，例如可能会导致函数的this指向不可预知，不利于调试等。因此，在实际开发中，需要根据具体情况来选择合适的绑定事件的方式。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值