问题标签 [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 投票
1 回答
1183 浏览

es6-class - Using an event listener inside a class method to call another class method returning undefined

I'm just learning how to use javascript classes. I'm having some difficulty understanding how to make event listeners call methods within a class. Specifically, whenever I call the this.infoBoxActive on click, all my variables in the method return undefined.

What I eventually want to do is have a toggle method that onclick switches between true and false and then calls either infoBoxActive or infoBoxDective based on its state. I've been playing around with my code most of the day trying various things but I seem to be sparking the same issue of my variables going undefined. If I call the method direct my everything works great.

I've been using a promise to gather my data from a local JSON file, but I wasn't sure how to return the Object in my resolve so right now I'm calling all my new classes from the promise. I don't know if this would be part of the problem.

I've tried reading some posts of similarity, but either I wasn't able to understand the solution or it wasn't pertaining to my exact problem, so I apologize if this is a duplicate.

my promise

My resolve

0 投票
1 回答
823 浏览

node.js - 存储用户 ES6 Nodejs express passportjs 的类实例

我对使用 express 的passportjs比较陌生,并且对我的应用程序架构的最佳实践有疑问。

首先,我希望用户能够执行以下操作:

  • 本地登录/注册(用户名、密码)
  • 谷歌 OAuth

其次,我想在用户拨打电话时重用ES6 类的实例。

例子:

班级

控制器

如您所见,来自控制器的调用当前正在创建 ImapConnector 类的实例,该实例仅用于控制器函数的范围内。显然,这是一种非常浪费内存的方法。

现在,我的想法是在快速用户会话中创建和存储实例,因为实例绑定到用户选项,例如 imap auth 的凭据。这样,实例与即将到期的会话一起。

但是,我不确定这是否是最好的也是唯一的方法。

因此,我的问题是:利用这些与用户相关的实例最合理的方法是什么?

我还可以考虑将这些实例保存在我的 mongodb(用户模式)中,然后手动删除它们。或者,我更喜欢处理状态客户端(例如JWT)。

先感谢您!

0 投票
1 回答
313 浏览

javascript - Typescript 类使用接口作为类型而不是实现

我正在寻找一种方法来模仿 C# 使用/实现接口的方式。简而言之,我正在尝试复制以下代码:

使用工具可以正常工作,但是我无法模仿 Class EBookReader 使用 Ebook 作为类型的方式。

codepen 和我的代码模型:http ://codepen.io/Ornhoj/pen/gLMELX?editors=0012

0 投票
1 回答
1513 浏览

javascript - Angular 1.5:多个 WebSocket 连接

我正在尝试使用 Angular 1.5(使用 ES6)创建一个服务或工厂,我可以在其中拥有多个实例,每个实例与 WebSocket 有不同的连接(其主要目的是聊天系统)。

我能够提供适用于单个 WebSocket 连接的服务,但考虑到这个项目的目的,我需要能够连接到不同的“房间”,但每个房间都有一个具有不同连接参数的 URL(就像这样: ws://localhost:8080/chat/<param1>/<param2>)。

我正在使用angular-websocket ( https://github.com/AngularClass/angular-websocket )。由于我在严格模式下使用 ES6,我必须$websocket从这个库中注入并立即在构造函数上创建它的一个实例。

所以,我正在寻找的是:能够创建多个 WebSocket 连接,理想情况下是在服务/工厂中,其中每个都有自己的连接参数(将在该服务将被实例化的控制器上给出) ,然后每个实例将能够管理新的相应“房间”消息的发送/接收。

使用 ES5,我可能会创建一个非单例服务或工厂,这可能会解决这个问题,但是当我正在学习 ES6 时,我真的很想以这种方式解决这个问题。这是我当前的聊天服务类,目前只能处理静态连接,它是一个单例。

如果您对如何解决此问题有任何其他建议,我会全力以赴。

谢谢你。

0 投票
3 回答
209 浏览

javascript - 如何识别函数是类构造函数以及如何将其作为函数调用?

我对 es2016 中的功能有点困惑,尽管与andclass相比,它被认为只是用于创建类的语法糖,但在某些情况下的行为是不同的,特别是 - 不能调用类与函数相同,似乎没有办法找出函数是类构造函数还是简单函数,而不使用和.functionprototypetoString/^class/ RegExp

假设示例:

typeof 'function',但不能将其作为函数调用!好的。

这是我的两个问题:

  1. 有什么方法可以调用与覆盖上下文Foo相同的构造函数吗?Barthis
  2. 有什么方法可以检测到anyArg类的构造函数,以便我可以在我的doSmth函数中以不同的方式处理它。没有toStringand RegExp因为在这种情况下性能损失会很大)。然后我可以用它Reflect.construct来初始化新实例,并用实例中的值Object.assign扩展我的obj变量。

谢谢你,亚历克斯

0 投票
1 回答
33 浏览

angularjs - 带有参数的angular1 es6服务

我的目标是使用自定义参数获得服务

什么事?

有没有更好的办法 ?

0 投票
1 回答
750 浏览

javascript - SyntaxError:node.js webstorm 中的块范围声明

我对 ES6 非常陌生,并且使用 webstorm ide 在 node.js 中编写了一个示例类代码。

当我运行代码时,它显示错误

即使我已经安装了 babel-cli、babel-presets-es2015。我该如何解决。

0 投票
1 回答
9552 浏览

es6-module-loader - require working but import not working

I have a actions.js file that is exporting actions like this

but when i import it using es6 import i get error

but when i require it using common js require it works just fine! Can someone explain to me why is this happening, I mean i read these two are same things... Something seem to be different ?

0 投票
1 回答
999 浏览

javascript - es6 从静态函数访问类构造函数

我正在尝试创建一个生成新实例的静态函数。该实例属于静态函数所属的类。

这是一个例子

到目前为止,一切let a = A.getInstance();都很好。

我想在子类中继承这个功能。

我想B.getInstance()返回一个 B 的实例。

0 投票
2 回答
1425 浏览

javascript - 将参数传递给 Angular UI 路由模板

我的 Angular ui 路由器将状态/视图更改为:

有没有办法将绑定参数传递给 UI 路由器中的 <home-view> ?

例如

或者

my-view 的控制器位于带有实际模板和指令的自己的文件中。