什么时候不该使用es6箭头函数

最新推荐文章于 2022-06-07 08:40:01 发布
最新推荐文章于 2022-06-07 08:40:01 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： JavaScript 文章标签： javascript ES6 箭头函数 面向对象 函数式

会出现这问题是因为你完全没明白所谓的“箭头函数”的意义。

所谓箭头函数，目的其实就是为了实现函数式的 lambda
表达式的，它本身就是为了函数式而添加进去的新概念，所谓“方便写”只是附带的特性罢了。

然而，函数式和面向对象两种编程语言范式是冲突的，冲突的点在于数据组织的方式不一致导致的。面向对象是利用 “对象”
来集合一组数据和方法，而函数式是通过函数来集合一组数据，并且他的方法是和数据分开的。所以在函数式里面不会存在 this 这种上下文概念。

所以你在面对对象的领域用函数式的东西，不容易出错才奇怪呢。

什么时候不该使用es6箭头函数

备用链接

这里写图片描述

PTKGEM
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JavaScript ES6箭头函数使用指南
10-17
JavaScript ES6箭头函数是ECMAScript 2015引入的一个重要特性，它提供了更加简洁的函数定义方式，同时也改变了传统函数中`this`的指向规则。箭头函数的出现，部分原因是受到CoffeeScript的影响，其核心在于简化代码...
面试官：什么时候不能使用箭头函数
weixin_43487782的博客
11-08 1219
今天看到这个面试题，特别有意思。一般来说面试官应该问的是箭头函数和普通函数的区别，这样应该大多数人都能答得上来，但是现在反过来，考验逆向思维，很多人可能都一下子反应不过来。 我们先来回顾一下箭头函数和普通函数的区别： 箭头函数没有自己的 this ，没有 argument 对象，没有 prototype ，不能作为构造函数（用 new 调用会报错）。箭头函数会自动捕获上级词法作用域的 this ，并且箭头函数的 this 在声明的时候就已经确定了，不能通过 call 或者 apply 修改。 因此以下场景不
Vue的methods里面不可以使用箭头函数
Stone
04-28 3323
Vue的methods里面不可以使用箭头函数 vue中的methods不可以使用箭头函数，因为this指向的不是vue实例，使用箭头函数打印this，发现是undefined methods: { test: () => { console.log(this); // undefined } } 箭头函数没有this，this其实是外部的this，即箭头函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。所以箭头函数的this是固定的，不能改变或者重
10分钟理解ES6箭头函数
热门推荐
小小前端攻城狮的博客
04-10 1万+
前言 面试中，ES6 是一大考点，当被问到箭头函数时，我们都会说：箭头函数很好用，而且再也不用操心 this 的指向了。 面试官：箭头函数是挺好用的，那有哪些不适合使用箭头函数的场景呢？ 箭头函数在大多数情况下，是很好用的，但是为什么在有些场景，使用箭头函数后会产生问题？是不是箭头函数还不够完善？又有哪些场景会发生问题？该如何解决呢？为了防止血案的产生，重新吧这一块拎出来整理巩固一下。 概念 ES6允许使用箭头（=>）定义函数，箭头函数提供了一种更加简洁的函数书写方式，箭头函数多用于匿名函数的定
什么时候不能使用箭头函数？
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
06-07 2618
箭头函数箭头函数是和我们工作密切相关的东西；可以说箭头函数的诞生，给我们的工作带来了极大的便利。但是箭头函数有什么缺点？什么时候不能使用箭头函数？这你了解吗?我们觉得箭头函数很高级，可以规避 this 的问题，所有的场景下都是用箭头函数。在不能使用的场景下使用了，出现了问题，你还不知道是什么问题，那这不是瞎添乱吗！是不是！这里给大家先提出一个问题：constobj=...
什么时候你不能使用箭头函数？
u012996572的博客
04-25 1004
【什么时候你不能使用箭头函数？】作为前端开发的你，肯定对ES6中的箭头函数早有耳闻吧。ES6中引入的箭头函数可以让我们写出更简洁的代码，但是部分场景下使用箭头函数会带来严重的问题，有哪些场景？会导致什么问题？该怎么解决，本文将为你慢慢道来。阅读全文：什么时候你不能使用箭头函数？ 了解更多前沿技术资讯，获取深度技术文章推荐，请关注CSDN研发频道微博。 欢迎加入“CSDN前端开发者”群，与...
关于ES6箭头函数中的this问题
08-27
ES6箭头函数中的this问题 ES6中新增了箭头函数这种语法，箭头函数以其简洁性和方便获取this的特性。然而，在箭头函数中this的指向却与一般函数定义的函数不同。箭头函数中的this是在定义函数的时候绑定，而不是在...
ES6中的箭头函数实例详解
08-30
4. **不能用作`Generator`函数**：箭头函数不能用于创建生成器函数，需要使用`function*`关键字。 总结，ES6中的箭头函数提供了更简洁的函数定义方式，尤其是在处理`this`上下文时，能够避免传统函数中常见的`this`...
ES6箭头函数和扩展实例分析
10-15
**ES6箭头函数**是JavaScript的一个重要更新，它提供了更简洁的语法来定义函数，尤其是在处理回调函数和匿名函数时。箭头函数的主要特点包括： 1. **语法简洁**： 箭头函数的基本形式是 `(参数列表) => 表达式`。...
vue中的方法 methods 定义时不要使用箭头函数
hjh15827475896的博客
03-24 1万+
今天在vue中引入vuex的时候出现了错误，解决了一个多少时，总结如下： vuex 的使用： vuex就是一个状态管里中心 也好比一个仓库 细分可分为五个部分，这是我不考虑 module 分别是 state geters setter mutations actions state 就是要存入的数据 getters setters 就不用多说的，是获取和设置数据用的 mutation...
E6箭头函数在哪些时候不适用
VivianHope的专栏
10-09 3129
本文主要参考了When ‘not’ to use arrow functions以及箭头函数中this的用法先搞清楚this在箭头函数和普通函数中的区别：箭头函数的this值是在定义的时候就已经确定好了。而不是动态指定的。普通函数的this值是运行时确定的。 Arrow Function是 Lexical scoping, this指向定义Arrow Function时外围, 而不是运行时的对象。
什么时候不能使用es6箭头函数？
chifu5192的博客
12-05 449
es6有很多优秀的新特性，其中最有价值的特性之一就是箭头函数，他简洁的语法以及更好理解的this值都非常的吸引我。但是新事物也是有两面性的，箭头函数有他的便捷有他的优点，但是他也有缺点，他的优点是代码简洁，this提前定义，但他的缺点也是这些，比如代码太过简洁，导致不好阅读，this提前定义，...
什么情况下不能用箭头函数
weixin_42890213的博客
03-06 1253
定义对象方法 JS 中对象方法的定义方式是在对象上定义一个指向函数的属性，当方法被调用的时候，方法内的 this 就会指向方法所属的对象。 1.1 定义字面量方法 因为箭头函数的语法很简洁，可能不少同学会忍不住用它来定义字面量方法，比如下面的例子 JS Bin： const calculator = { array: [1, 2, 3], sum: () => { console.log(...
正确使用箭头函数——什么时候不该用ES6箭头函数
qq_32614411的博客
05-08 6575
正确使用箭头函数——什么时候不该用ES6箭头函数 原文地址：https://segmentfault.com/a/1190000007074846 与君共勉：再牛逼的梦想，也抵不住傻逼般的坚持！ ...
VUE的methods里面的函数不能使用箭头函数
adsadadaddadasda的博客
07-16 5395
VUE的methods对象里面如果函数使用箭头函数会导致this指向的不是vue实例$vm,而是一个xxxx.a的一个类，尽量不要再VUE所定义的字段里面使用箭头函数
什么时候不使用箭头函数
web前端开发
11-28 397
这些年来，ES6 将 JS 的可用性提升到一个新的水平时: 箭头函数、类等等,这些都很棒。箭头函数是最有价值的新功能之一，有很多好文章描述了它的上下文透明性和简短的语法。...
不能使用箭头函数的场景
onepunchmen00的博客
10-11 1869
定义方法的时候  ①定义字面量方法 const calculator = { array: [1, 2, 3], sum: () => { console.log(this === window); // => true return this.array.reduce((result, item) => result + item);
es6-箭头函数默认传递_什么时候（为什么）应该使用ES6箭头功能-什么时候不应该使用...
cumian8165的博客
07-23 778
es6-箭头函数默认传递by Cynthia Lee 辛西娅·李(Cynthia Lee) 什么时候(为什么)应该使用ES6箭头功能-什么时候不应该使用 (When (and why) you should use ES6 arrow functions — and when you shouldn’t) Arrow functions (also called “fat arrow func...
es6 箭头函数
最新发布
05-25
ES6 中的箭头函数是一种更简洁的函数语法，它可以更方便地定义匿名函数。箭头函数的形式如下： ``` (param1, param2, ...) => {statements} ``` 其中，`(param1, param2, ...)` 是函数的参数列表，`{statements}` ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值