javascript事件接收与发送机制理解(代码示例)

本篇文章给大家带来的内容是关于javascript事件接收与发送机制理解(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

其实事件的发送与接收机制很简单,只是没有去思考而已

在node模块中使用的就会比较的多

var events=require('events');var eventEmitter=new events.EventEmitter();eventEmitter.on('say',function(name){    console.log('Hello',name);})eventEmitter.emit('say','Jony yu');

登录后复制

在vue中也父子组件的传递也采用了事件的发送与接收,emit和on来制作

那么接下来我们来看一看吧

立即学习“Java免费学习笔记(深入)”;

function myEvent() {    this.on = function() {        if (!this.handles) {            this.handles = {};        }        if (!this.handles[eventName]) {            this.handles[eventName] = [];        }        this.handles[eventName].push(callBack);    }    this.emit = function() {        if (this.handles[eventName]) {            for (var i = 0; o < this.handles[eventName].length; i++) {                this.handles[eventName][i](obj);            }        }    }    return this;}

登录后复制

测试一下

var event1=new Events();var event2=new Events();event1.on('say',function(){    console.log('Jony event1');});event2.on('say',function(){    console.log('Jony event2');})event1.emit('say');event2.emit('say');//event1、event2之间的事件监听互相不影响//输出结果为'Jony event1' 'Jony event2'

登录后复制

这就是事件发送与接收的机制。

以上就是javascript事件接收与发送机制理解(代码示例)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2737799.html

(0)
上一篇 2025年3月8日 01:39:18
下一篇 2025年2月23日 05:49:52

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • web接口前置的性能优化讲解

    本篇文章给大家带来的内容是关于web接口前置的性能优化讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 上个Q做了一波web性能优化,积累了一点点经验 记录分享一下。 先分享一个比较常用的接口前置 的优化方案吧 优化前首…

    2025年3月8日 编程技术
    200
  • 如何用JavaScript将字符串进行大小写转换(图文详解)

    javascript是前端开发中非常重要的一部分,它可以实现页面的功能,正在学习javascript的小伙伴,你知道如何用js将一个小写字符串转换为大写吗?这篇文章就和大家讲讲js字符串大小写转换的方法,有一定的参考价值,感兴趣的小伙伴可以…

    2025年3月8日
    200
  • JavaScript如何获取鼠标点击的位置?获取的三种方法汇总

    其实我们一直都在dom中和元素打交道,这也是手机交互的一个比较常用的方面,但是很多程序员比较失望,在不同的浏览器中,会出现不同的结果,下面我们就来讲一下利用js如何获取鼠标点击的位置,并且为您总结详细的教程。 一:鼠标相对于屏幕 如果我们涉…

    2025年3月8日
    200
  • Node.js中操作MySQL数据库的基础教程

    本篇文章给大家带来的内容是关于node.js中操作mysql数据库的基础教程,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 本文是一篇使用mysql这个npm模块操作MySQL数据库的基础教程。 不涉及MySQL的安装和配…

    2025年3月8日 编程技术
    200
  • js中运行机制的详细分析(示例解析)

    本篇文章给大家带来的内容是关于js中运行机制的详细分析(示例解析),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 一、引子 本文介绍JavaScript运行机制,这一部分比较抽象,我们先从一道面试题入手: console.…

    2025年3月8日
    200
  • vue实现的三个步骤讲解(附代码)

    本篇文章给大家带来的内容是关于vue实现的三个步骤讲解(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 Vue是当今热门的框架,他可以进行数据双向绑定,为什么vue会大受欢迎,我知道的原因大致如下? 1.传统改变d…

    编程技术 2025年3月8日
    200
  • javascript的数据类型与其转换的详解

    本篇文章给大家带来的内容是关于javascript的数据类型与其转换的详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 一、简介 JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类…

    编程技术 2025年3月8日
    200
  • ES6中模块化的使用介绍(代码示例)

    本篇文章给大家带来的内容是关于es6中模块化的使用介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 模块化就是为了使功能单一,把各个耦合性不高的功能抽离出来成单一的模块,每个模块提供单一的功能 export …

    编程技术 2025年3月8日
    200
  • JavaScript中对this对象理解(代码示例)

    本篇文章给大家带来的内容是关于javascript中对this对象理解(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 前言:最近在细读Javascript高级程序设计,对于我而言,中文版,书中很多地方翻译的差强…

    编程技术 2025年3月8日
    200
  • redux-saga原理的解读(代码示例)

    本篇文章给大家带来的内容是关于redux-saga原理的解读(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 笔者最近在做一些后台项目,使用的是Ant Design Pro,其使用了redux-saga处理异步数…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论