使用emitter的坑,

最新推荐文章于 2024-06-15 20:07:44 发布
最新推荐文章于 2024-06-15 20:07:44 发布
阅读量489 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59740778/article/details/125157826
版权

JavaScript 异步执行 事件监听 同步事件 setTimeout
关键词由CSDN通过智能技术生成

说这个问题之前,还是得先给大家强调一个东西学好js真的是太重要了

问题1

场景: 我在调用一个方法的时候,需要获取一个表单的validate值,可是我发现无论如何

第一次都没拿到值,非要点两次才能拿到值,如上图

点击这个方法他的执行顺序是

1. console.log(`怎么执行的`)

当他碰到emitter会直接把他当成一个异步事件,直接执行后面去了,然后里面的同步事件

执行完再去执行这个emiiter

可是 如果这样 我判断肯定是有问题的

我必须的先执行emitter

很简单 把判断条件写一个异步事件就行了

写个setTimeout 就可以顺序执行了

辉辉~~~
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
java线程心跳信息_SpringBoot-SSE开发实践（线程池发送心跳、Session管理）
weixin_34587189的博客
02-26 984
SpringBoot-SSE开发实践SSE介绍SSE(Server-SentEvents，即服务器发送事件)是围绕只读Comet交互推出的API或者模式。SSE API用于创建到服务器的单向连接，服务器通过这个连接可以发送任意数量的数据。服务器响应的MIME类型必须是text/event-stream，而且是浏览器中的JavaScript API能解析格式输出。SSE支持短轮询、长轮询和HTTP流...
node.js中的emitter.on方法使用说明
01-02
方法说明： 为指定事件注册一个监听器。 语法： 代码如下: emitter.on(event, listener) emitter.addListener(event, listener) 接收参数： event            (string)             事件类型 listener         (function)         触发事件时的回调函数 例子： 代码如下: server.on(‘connection’, function (stream) {   console.log(‘someone connected!’); }); 源码： 代码如下:
09. Springboot集成sse服务端推流
有一只柴犬的专栏
01-27 2861
SSE（Server-Sent Events）是一种允许服务器向客户端推送实时数据的技术，它建立在 HTTP 和简单文本格式之上，提供了一种轻量级的服务器推送方式，通常也被称为“事件流”（Event Stream）。他通过在客户端和服务端之间建立一个长连接，并通过这条连接实现服务端和客户端的消息实时推送。
Node.js中的事件发射器（Event Emitter）是什么，如何使用？
最新发布
有我更精彩的博客
06-15 767
Node.js 中的事件发射器是一种设计模式，它允许我们在某个事件发生时注册和触发回调函数。事件发射器模式（发布-订阅模式）被广泛用于异步编程中，这是因为它非常适合处理事件驱动的需求。在Node.js中，事件发射器是由events模块提供的，该模块提供了一个事件发射器EventEmitter）类，开发者可以使用它来发射和监听事件。在实际项目中，我们可能需要创建一个自定义类，并希望它具有事件发射器的能力。我们可以通过继承类来实现这一点。super();// 注册自定义事件监听器${
uni-app $emit和$on传值第一次获取不到值
weixin_44356010的博客
07-28 2470
在使用$emit传递参数或者对象、数组时第一次获取不到传递过去的数据。解决办法在传递的时候加个延迟，大于或者等于500毫秒就可以。
TypeError: ‘str‘ object is not callable的错误原因
闪亮伞的博客
07-20 6089
TypeError: 'str' object is not callable的错误原因
node.js中的emitter.emit方法使用说明
10-25
主要介绍了node.js中的emitter.emit方法使用说明,本文介绍了emitter.emit的方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下
ts-emitter:将打字稿AST返回打字稿
05-07
ts-emitter当前未维护，应视为已弃用 特征 尽可能保留原始源，并且仅更新已更改的内容。 用法 安装 作为npm软件包安装： $ npm install ts-emitter 测验 打字稿编译器测试套件用于测试代码生成器。 要创建并运行...
Notes on how to use Webots, especially how to make a robot fly in the air
weixin_34402408的博客
01-08 159
How to create a new project Wizard - New project directory   Scene Tree Scene tree is a representation of the current world   How to create a controller Wizards - New Robot Controller   How t...
Webots模拟发射射频红外串行信号
当下可为，未来可期!
07-10 435
webots模拟接收信号
Vue特训
xianjs的博客
02-10 785
Vue高级学习 快速原型开发 npm i -g @vue/cli npm i -g @vue/cli-service-global 您可以*.vue使用vue serve和vue build命令只使用一个文件快速进行原型设计，但是它们需要先安装一个额外的全局插件： npm install -g @vue/cli-service-global 组件 组件基础知识 组件分类 由 vue-rou...
实现一个EventEmitter类：on（监听事件）- once（监听事件一次）- fire（触发指定的事件）- off（移除指定事件）
weixin_43837268的博客
07-25 1382
class EventEmitter { constructor() { this.queue = {} //可触发多次的事件 this.onceQueue = {} //只能触发一次的事件 } on(event, fn) { //监听事件，可以触发多次 if (!this.queue[event]) this.queue...
node.js 中 emit() 和 on() 的一个小发现
qq1024407215的博客
03-11 6200
node 中的 EventEmitter 类提供了监听事件的方法 on(event, listener) 和 触发事件的方法 emit(event, [arg1], [arg2], […])emit触发信号之后，on监听到事件后程序是如何执行的呢？var events = require("events"); var eventEmitter = new events.EventEmitter();
新手踩坑：eventEmitter.addListener与eventEmitter.on有什么不同？
weixin_42345079的博客
05-11 1550
查阅资料后发现，两者完全相同。类似js中的on和bind。比较官方一点的说法就是on是addListener的别名。
写一个eventEmitter类，包括on()、off()、once()、emit()方法
热门推荐
Judy_qiudie
09-15 1万+
1、on(event,fn)：监听event事件，事件触发时调用fn函数； 2、once(event,fn)：为指定事件注册一个单次监听器，单次监听器最多只触发一次，触发后立即解除监听器； 3、emit(event,arg1,arg2,arg3...)：触发event事件，并把参数arg1,arg2,arg3....传给事件处理函数； 4、off(event,fn)：停止监听某个事件。 ...
springboot SseEmitter 消息推送
戴林峰的博客
03-31 1万+
这是SpringMVC提供的一种技术,可以实现服务端向客户端实时推送数据.用法非常简单,只需要在Controller提供一个接口,创建并返回SseEmitter对象,发送数据可以在另一个接口调用其send方法发送数据. SpringBoot已经集成了这个 ,所以不用再引其他依赖 废话不多说 直接贴代码 服务端 package com.cuit.sseemitterdemo.sseemitterde...
vue3 emitter 使用
05-25
Vue3 的 emitter 与 Vue2 的 $emit 有些不同，Vue3 的 emitter 是通过 `mitt` 库实现的，可以先使用 `npm install mitt` 安装。 使用 emitter 需要先创建一个实例，可以在组件中通过 `setup()` 函数中的 `const emitter = mitt()` 创建一个实例，也可以在全局中创建一个实例。 在组件中使用 emitter 可以通过 `emitter.emit(eventName, ...args)` 触发事件，通过 `emitter.on(eventName, handler)` 监听事件。 示例代码如下： ```javascript // 引入mitt库 import mitt from 'mitt' // 全局创建实例 const emitter = mitt() // 组件中使用 export default { setup() { // 监听事件 emitter.on('custom-event', (arg1, arg2) => { console.log(arg1, arg2) }) // 触发事件 emitter.emit('custom-event', 'hello', 'world') } } ``` 注意：在 Vue3 中，`$emit` 已经被移除，使用 `emitter` 可以达到相同的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值