- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在 javascript
中使用 WebSocket
。 WebSocket
需要 url 作为构造函数参数并立即尝试连接。我只能在构造它之后设置onopen
方法。
所以,如果 WebSocket
在我设置 onopen
之前已经建立了连接,那么我会错过 onopen
事件!
我怎样才能避免这种情况?
模拟它:
一个)
1) 在 Chrome 中,打开 websocket .2) 按 F12 打开开发者工具。3) 打开控制台4)一次复制并粘贴所有这些代码!输入!
uri = "ws://echo.websocket.org?encoding=text";
websocket = new WebSocket(uri);
websocket.onopen = function(evt) { console.log('EHE')};
B)
重复 1-2-3
4) 复制并粘贴这些代码并运行
uri = "ws://echo.websocket.org?encoding=text";
websocket = new WebSocket(uri);
5) 稍等
6) 运行这段代码:
websocket.onopen = function(evt) { console.log('EHE')};
结果:
在 A) 中调用 onopen。在 B) 我们错过了!
最佳答案
由于 Javascript 的单线程事件驱动特性,您描述的情况不会在实际代码中发生。在您当前的 Javascript 部分完成之前,无法触发“打开”事件。因此,您始终能够在事件发生之前设置您的 onopen
事件处理程序。
在调试器或控制台中插入人为暂停是一种人为情况,不会在实际代码中发生。
实际代码中发生的是这样的:
new WebSocket(uri)
.onopen
属性和设置您的事件处理程序。open
事件,Javascript 将触发该事件,从而导致您的 .onopen
处理程序被调用。open
事件尚未完成,Javascript 将等待下一个事件插入事件队列并运行它,一遍又一遍地重复该过程。最终这些事件之一将成为您的 open
事件。关键是 .onopen
是通过异步事件调用的。因此,它必须通过 Javascript 事件队列。并且,在您当前的 Javascript 部分完成并返回给解释器之前,事件队列中的任何事件都不能运行。这就是 Javascript 的“事件驱动”特性的工作原理。因此,由于该架构,只要将 .onopen
处理程序安装在调用构造函数的同一部分 Javascript 中,就不会错过 onopen
事件。
如果它能让您感到舒服的话,node.js 中有许多 API 都依赖于相同的概念。例如,当您使用 fs.createReadStream(filename)
创建文件流时,您必须创建流,然后添加事件处理程序(其中一个事件处理程序用于 open
事件)。同样的逻辑也适用于那里。由于 Javascript 的事件驱动特性,不存在竞争条件。 open
事件或 error
事件无法在您的其余 Javascript 运行之前触发,因此您始终有机会在事件处理程序被调用之前安装它们。
如果可以同步检测到错误(例如错误的文件名或错误的 uri)并且可以立即触发 error
事件,则使用类似 setImmediate(function() {/* 在此处发送错误事件*/})
以确保在代码有机会安装事件处理程序之前不会触发错误事件。
关于javascript - 我如何保证调用 websocket onopen,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49210034/
为了让我的代码几乎完全用 Jquery 编写,我想用 Jquery 重写 AJAX 调用。 这是从网页到 Tomcat servlet 的调用。 我目前情况的类似代码: var http = new
我想使用 JNI 从 Java 调用 C 函数。在 C 函数中,我想创建一个 JVM 并调用一些 Java 对象。当我尝试创建 JVM 时,JNI_CreateJavaVM 返回 -1。 所以,我想知
环顾四周,我发现从 HTML 调用 Javascript 函数的最佳方法是将函数本身放在 HTML 中,而不是外部 Javascript 文件。所以我一直在网上四处寻找,找到了一些简短的教程,我可以根
我有这个组件: import {Component} from 'angular2/core'; import {UserServices} from '../services/UserService
我正在尝试用 C 实现一个简单的 OpenSSL 客户端/服务器模型,并且对 BIO_* 调用的使用感到好奇,与原始 SSL_* 调用相比,它允许一些不错的功能。 我对此比较陌生,所以我可能会完全错误
我正在处理有关异步调用的难题: 一个 JQuery 函数在用户点击时执行,然后调用一个 php 文件来检查用户输入是否与数据库中已有的信息重叠。如果是这样,则应提示用户确认是否要继续或取消,如果他单击
我有以下类(class)。 public Task { public static Task getInstance(String taskName) { return new
嘿,我正在构建一个小游戏,我正在通过制作一个数字 vector 来创建关卡,该数字 vector 通过枚举与 1-4 种颜色相关联。问题是循环(在 Simon::loadChallenge 中)我将颜
我有一个java spring boot api(数据接收器),客户端调用它来保存一些数据。一旦我完成了数据的持久化,我想进行另一个 api 调用(应该处理持久化的数据 - 数据聚合器),它应该自行异
首先,这涉及桌面应用程序而不是 ASP .Net 应用程序。 我已经为我的项目添加了一个 Web 引用,并构建了各种数据对象,例如 PayerInfo、Address 和 CreditCard。但问题
我如何告诉 FAKE 编译 .fs文件使用 fsc ? 解释如何传递参数的奖励积分,如 -a和 -target:dll . 编辑:我应该澄清一下,我正在尝试在没有 MSBuild/xbuild/.sl
我使用下划线模板配置了一个简单的主干模型和 View 。两个单独的 API 使用完全相同的配置。 API 1 按预期工作。 要重现该问题,请注释掉 API 1 的 URL,并取消注释 API 2 的
我不确定什么是更好的做法或更现实的做法。我希望从头开始创建目录系统,但不确定最佳方法是什么。 我想我在需要显示信息时使用对象,例如 info.php?id=100。有这样的代码用于显示 Game.cl
from datetime import timedelta class A: def __abs__(self): return -self class B1(A):
我在操作此生命游戏示例代码中的数组时遇到问题。 情况: “生命游戏”是约翰·康威发明的一种细胞自动化技术。它由一个细胞网格组成,这些细胞可以根据数学规则生存/死亡/繁殖。该网格中的活细胞和死细胞通过
如果我像这样调用 read() 来读取文件: unsigned char buf[512]; memset(buf, 0, sizeof(unsigned char) * 512); int fd;
我用 C 编写了一个简单的服务器,并希望调用它的功能与调用其他 C 守护程序的功能相同(例如使用 ./ftpd start 调用它并使用 ./ftpd stop 关闭该实例)。显然我遇到的问题是我不知
在 dos 中,当我粘贴此命令时它会起作用: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" https://google.
在 dos 中,当我粘贴此命令时它会起作用: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" https://google.
我希望能够从 cmd 在我的 Windows 10 计算机上调用 python3。 我已重新安装 Python3.7 以确保选择“添加到路径”选项,但仍无法调用 python3 并使 CMD 启动 P
我是一名优秀的程序员,十分优秀!