问题标签 [arrow-functions]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
5857 浏览

javascript - ES6 箭头函数是否与 Angular 不兼容?

这是我的 Angular 代码中的一个正常的 ES5 函数,它可以工作:

我想把它转换成 ES6 箭头函数

但它给出了错误

ES6 箭头函数是否与 Angular 不兼容?


编辑:我想也许 Angular 无法推断名称$templateCache,因此无法注入它,但后来我将它记录到控制台,它确实正确显示了它:

0 投票
7 回答
141644 浏览

javascript - JavaScript 中的多个箭头函数是什么意思?

我一直在阅读一堆React代码,但我看到了一些我不明白的东西:

0 投票
1 回答
402 浏览

ecmascript-6 - es6katas.org Kata #6:箭头函数 - 绑定

我正在es6katas.org学习 ECMAScript6 ,这非常好,强烈推荐。我目前被困在这个关于箭头功能的非常基本的 kata 上。我似乎无法理解作者在第二次测试中的意思:

有人可以帮忙弄清楚吗?

0 投票
2 回答
2538 浏览

javascript - 如何强制 React ES6 静态方法的“this”绑定到词法范围

在 React(通过 babel 使用 ES6)中,我试图创建一个静态方法来更新它所包含的组件的状态。将对象作为参数。问题是“this”永远不会绑定到词法范围。

在另一个组件中...

起初我认为这可能是由于通过“bind”传递的“this”,但我在包含点击处理程序的组件中创建了一个重复的非静态箭头方法,我可以很好地访问词法“this”。

绝望中还尝试制作 setState 的静态克隆,但没有运气。

我认为这是一个结构/安全决定(如果我们泄露“this”,我们就会泄露所有内容!)但是如何处理对“this”的访问?此限制是否强制 updateList 函数必须位于 updateList 和带有单击处理程序的组件之上?当然,这实际上可能更像反应,但我很好奇。

0 投票
3 回答
5349 浏览

javascript - 元素的简单 HTML5 键盘导航

我正在尝试在我的网站中实现一些键盘导航(箭头、箭头和输入/空格选择)。我猜jQuery这需要一些!这是我正在寻找的东西的想法(见第一张图片)。我希望能够使用“部分”所在的图像并突出显示当前选择。

在此处输入图像描述

有没有一种简单的方法可以做到这一点?

此外,如果有一种简单的方法可以做到这一点,我将如何将其扩展为以下内容:

在此处输入图像描述

jQuery 根本不是我的领域。我在网上到处都看过,我发现很难找到一种在我的网站中实现键盘控制的简单方法。任何链接或建议将不胜感激!

提前致谢。

0 投票
4 回答
3602 浏览

javascript - ES6 箭头函数是否有自己的参数?

我不知道箭头函数是否绑定arguments到词法范围。

看一下这个例子(同样的概念可以用于this):

当我在 Chrome 上运行它时,我得到[1,2,3]了,但在 Firefox 上,我得到了[4,5,6]. 这是怎么回事?

0 投票
1 回答
700 浏览

javascript - ES6 箭头函数和 CoffeeScript 粗箭头函数之间的主要区别是什么?

我希望将一些 CoffeScript 代码重写为 ECMAScript 2015 (ES6)。

一些语法非常相似,例如粗箭头函数:

ES6 =>CoffeeScript =>之间的主要区别是什么?

最好从已经处于相同情况(来回转换箭头功能)的人那里得到提示,并指出要避免的陷阱和错误。

0 投票
3 回答
4143 浏览

lambda - 使用 lambda/箭头函数的 TypeScript 抽象方法

我正在使用 TypeScript 1.6,并希望使用抽象方法创建一个抽象类,但在具体类中使用 lambda/arrow 函数。

这可能吗?下面显示的代码不会像它所说的那样编译

“类'Base'定义了实例成员函数'def',但扩展类'Concrete'将其定义为实例成员属性”......

0 投票
3 回答
124 浏览

javascript - Referencing `this` in React JSX

I am writing a function in React JSX which contains callbacks that need to talk to this

Notice the this.state.washedMissions? When I am inside that callback, the Firefox script debugger shows me that the browser doesn't know what this is and thus I can't manipulate my arrays this way.

How can I ensure that this is within the scope of my callback -- and note, the callback is synchronous, so I am not worried about any timing stuff.

0 投票
1 回答
471 浏览

javascript - 在 Promise 回调中使用它们时,无法将参数传递给类方法

我有一堂课:

当我创建类的对象并调用do()方法时:

“未定义”在控制台中记录了两次。这意味着在b()方法中的参数没有传递给一个承诺解析:resolve('b');

同时,如果我不使用类方法,而是直接在回调中添加代码:

一切正常,“b”在控制台中记录了两次。

我在nodejs这个例子中使用并babeljs作为转译器。为什么我使用类方法时不传递参数?是否有任何范围限制,或者这是一个转译器问题?