问题标签 [es6-class]

我想我会在做一些 d3 工作的同时学习一些关于 ES6 类的知识，所以我制作了一个序数条形图类（fiddle here）。它显示多个系列的数据（例如：

我正在尝试使更新部分正常工作（您可以在其中很好地提供新数据和条形/轴过渡）。不幸的是，大部分示例代码都是针对 v3 的，它似乎不适用于我正在使用的 v4。具体方法是：

我正在尝试将更新模式基于Mike Bostock 的代码。

我从 中得到一个内部 d3 错误.call(this.yAxis)，过渡没有动画，并且 yaxis 没有更新。此外，条形图也不会转换。怎么了？

我正在学习 ES6 课程。有没有办法让构造函数可以访问辅助函数（例如用于数据处理），但也可以在其他地方访问，这样我就不会两次输入函数（作为构造函数中的 IIFE 和静态类方法）？

例如，目前我正在做，因为getDimensions在构造函数中不可调用：

是否有可能/明智地为自己获得一个可以在原型方法和构造函数中使用的静态辅助方法？

我正在使用 javascript 类并在 IE 11 中遇到 SCRIPT1002 问题，其中 IE 无法解释 es6 中可用的“类”关键字。我一直在阅读，使用 babel 是解决这个不幸问题的一种方法。但是，我在理解如何正确执行此操作时遇到问题。下面是我的代码。我需要添加什么才能让 IE 11 正确解释 js 类？

包含 babel.js 的标头（browser.js 正在正确加载）

javascript 文件中的类导致 SCRIPT 1002 错误

此代码在 Firefox 中运行良好。

I' m building a page loader with canvas, and using the es6 classes... ALthough at the moment I can't make it work properly.. one of the reason is that I can't find a way to clear the canvas in progression.

This is my code so far :

and so on building the other 3 elements.

As you can see from the jsfiddle, my function drawSnake() keeps drawning a rectangle after the other

During my research I found that to clear a rectangle, instead of using

that cleans the canvas, I can use

that should clean instead each single rectangle... So in my class Snake I built the _clearSnake() function, and then call it to my subclasses when needed it.

What's wrong in my logic? How can I improve my code?

我目前正在学习 ES6。我正在尝试创建一个轮播，我通常会将其编写为 JQuery 插件，但现在将其编写为 ES6 模块，以便可以使用 import 关键字将其添加到页面的 JS 中。

由于轮播具有绝对相互重叠的幻灯片，因此在 JS 中进行计算以确定最高的轮播幻灯片高度，然后将此高度应用于轮播的 UL 元素。

该模块从构造函数中的 DOM 中抓取几个元素，例如所有轮播元素的包含 DIV、轮播幻灯片的 UL 等。

由于随着浏览器宽度变小，需要调整这个高度，所以我尝试调用在 window.onresize 上执行此计算的函数。

但是，这不起作用。我相信这是因为在构造函数中分配给变量的 dom 节点被缓存在它们当前的宽度和高度，因此 resize 函数在计算中不使用它们的新值。

如何调整我的代码以防止出现此缓存问题？

到目前为止，下面是我的代码的简化 Codepen。（我必须在 Codepen 的主脚本中添加 Carousel 模块代码）：

http://codepen.io/decodedcreative/pen/vXzGpE/

谢谢

handleButtonPress当不需要参数时，该函数在以下示例中起作用...

但在需要参数时在以下示例中不起作用：

它抛出：undefined is not a function (evaluating 'this.handleButtonPress("GOODBYE")')

我一直在使用的一种策略是在handleButtonPress函数内部再次引用该render函数，如下所示：

但是还有另一种/更好的方法吗？

handleButtonPress在这个示例 React 组件中，如何在消息映射中调用？

现在它正在抛出：undefined is not a function (evaluating 'this.handleButtonPress(message)'). 为什么呢？

我们如何在 es6 类中访问 koa js 路由context（this）和 es6this类？

当我尝试使用this.name我未定义访问类属性时

测试.js

应用程序.js

我很难理解为什么create-react-app无法编译，告诉我error 'updateWord' is not defined no-undef. 我对使用 ES6 进行 React 相当陌生。通常我会写一个类似的组件，const App = React.createClass({ });但我决定尝试一些语法糖。

我有父组件App和一个子组件Input：

我试过改成this.updateWord(input);而不是updateWord(input)但无济于事。我得到：

通常，当我实现与我现在正在做的类似的模式（使用 ES5）时，我没有任何困难。例如：

因此，我尝试使用 react-bootstrap 从 ES6 中的 React 中的相同数据动态创建模态和标记，并让标记成为模态的触发器。现在我一直在调用相同的模式

生成标记/模式的页面代码：

这是作为子级传递以创建地图标记的 MyGreatPlaces 组件：