问题标签 [es6-class]

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 投票
4 回答
21102 浏览

javascript - ES6 类中的 javascript 'this' 返回 undefined

我认为这是一个范围问题,但我不确定如何解决这个问题。这是我的代码:http: //jsfiddle.net/9k9Pe/1498/

frameLoaded()打印未定义,同时addContent打印对象。

如何解决这个问题,以便在加载框架时可以参考?

谢谢

0 投票
2 回答
896 浏览

node.js - Node.js - ES6 模块导入到 Node.js 'require'

与以下 ES6 导入等效的 Node.js 'require' 是什么?

谢谢

0 投票
1 回答
633 浏览

javascript - 在 ES6 类中转换的函数对象字面量

我正在尝试将其中包含对象文字的函数转换为类,但我不确定在转换为类时如何处理对象文字。例子:

所以我希望弄清楚如何做这样的事情:

不知道如何处理对象字面量?

我想将函数更改为具有通道和名称的构造函数的类,但不确定如何处理对象文字。

谢谢你的帮助。

0 投票
1 回答
5132 浏览

reactjs - 在没有 this 的情况下在 fetch 承诺中调用函数

我想知道,我该怎么做才能在 fetch 中调用 promise 中的函数?

请注意这一行:.then(json => this.processReq(json))

我必须使用this.,因为如果不使用它,那processReq就是undefined. 不应该是这样的:.then(json => processReq(json))因为 ES6 吗?

这是我的代码(我正在使用 Babel ES6 和 React):

0 投票
1 回答
7556 浏览

javascript - 具有静态箭头函数的类

我目前正在实施静态土地规范(幻想土地的替代品)。我不仅想使用普通对象作为类型,还想使用带有静态方法的 ES2015 类。我已经将这些静态方法实现为柯里化形式的箭头函数,而不是普通函数。但是,这对于 ES2015 类是不可能的:

Mymap不需要它自己的this,因为它只是List构造函数上的一个柯里化函数。为了让它工作,我必须写static map(f) { return xs => xs.map(x => f(x)) },这很烦人。

  • 为什么我不能在 ES2015 类中使用箭头函数和赋值表达式?
  • 有没有一种简洁的方法来实现我的目标?
0 投票
1 回答
82 浏览

javascript - ES6 等效于以下模式?

我想像这样在 ES6 类中使用静态类属性(stage-0) -

什么是最好的选择?

编辑

这个问题不是关于在 ES6/7 中创建类属性(阶段 0 已经支持),也不是关于创建静态方法。我只是想找到一种允许将类似枚举的对象附加到类实例的模式。因此,没有一个重复的问题建议是有效的。

0 投票
1 回答
255 浏览

javascript - 函数调用时的 JavaScript ES6 侧导航问题

我正在使用 JavaScript ES6 构建侧导航,并从 Supercharged-Show 代码示例开始。我做了一个切换按钮来替换显示和隐藏的按钮。我尝试使用我的toggleSideNav函数来调用showSideNav但没有任何反应。我可能遗漏了this.

我的 HTML 页面如下所示:

我的 JS 文件是这样的:

我还有一个hamburger.js文件可以为我的汉堡按钮设置动画,但我认为这不会造成任何麻烦。

谢谢您的帮助。

0 投票
1 回答
4679 浏览

javascript - JavaScript ES6 导入/导出和类扩展

我构建了一个自定义元素,它是一个汉堡包按钮,现在我正在处理侧面导航。在这个侧面导航中,我想使用我的汉堡包按钮,所以我尝试导出HCHamburger与我的按钮对应的类并将其导入我的SideNav类中。这个想法是在侧导航打开时为我的按钮位置设置动画。我尝试扩展我的SideNav课程,HCHamburger但出现以下错误:Uncaught TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

我的 HChambuger 类看起来像这样:

我的 SideNav 类是这样的:

我正在使用 webpack 来构建我的 JS 代码,这可能是我的问题的原因......我尝试了不同的方法来导入/导出,但没有任何效果。

我想只导出我需要的方法,但它也不起作用。

谢谢

0 投票
2 回答
33 浏览

javascript - 为什么在新实例上调用方法?

何时c1.rand调用我不清楚解释器如何访问this.num,因为尚未调用构造函数。它不应该调用constructor()rand 来设置 的值this.num吗?

0 投票
1 回答
200 浏览

javascript - 在匿名函数中使用 this 的有效解决方法是什么?

主要关注的是效率。

我正在研究 javascript 范围,而我感到困惑的一件事是this在函数内部。

我已经阅读了很多答案并且我理解它们。但我关心的是效率。看看我的代码。

现在run()我将引用存储this在一个局部变量that中。这对我有用。但它安全吗?它有效率吗?如果没有,请建议我一个好的策略/技巧。

谢谢 :)