cocoscreator实战开发,JavaScript的call,apply运用,实现简单高效的事件监听与派发

本文主要是介绍cocoscreator实战开发,JavaScript的call,apply运用,实现简单高效的事件监听与派发,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

JavaScript中call,bind,apply的区别及实现简单的事件监听与派发

  • 导语:
  • 一.JavaScript中的call,bind,apply:
    • 1.bind,call与apply的共同点与区别:
  • 二.实现简单的事件派发系统:
    • 1.创建事件监听对象:
    • 2.添加事件监听的实现:
    • 3.派发事件的实现:
    • 4.移除监听的实现
  • 三.尾语

导语:

前端开发的朋友应该都知道,JavaScript通过 HTML的DOM是可以添加事件监听及实现事件派发的,但是当我们用cocoscreator开发小游戏的时候该如何实现事件监听与派发呢,本文就来讲一讲如何用JavaScript的call和apply实现了一个高效实用便捷的事件监听与派发!

一.JavaScript中的call,bind,apply:

1.bind,call与apply的共同点与区别:

共同点:
bind,call 和 apply 都是为了改变函数体内部 this 的指向
区别:
bind:改过函数体内部this后,不执行函数,会返回一个绑定新this的函数
call: 改过函数体内部this的指向后,会再执行函数,第一个参数是this要指向的对象,后面传入的是参数列表,参数可以是任意类型,当第一个参数为null、undefined的时候,默认指向window
apply:改过函数体内部this的指向后,会再执行函数,第一个参数是this要指向的对象,第二个参数是数组

例如,有一个函数定义如下:
var func = function(arg1, arg2) {
};
就可以通过如下方式来调用:
func.call(this, arg1, arg2);
func.apply(this, [arg1, arg2])

更多bind,call,apply的详细说明,大家可以查阅其他资料,这边不进行更多详细解释,这边主要提供一个在实际开发中的应用思路。

二.实现简单的事件派发系统:

实现思路是创建一个全局对象,保存事件,当事件派发的时候,运用call(apply)的特性,对事件触发函数进行响应,具体代码如下:

1.创建事件监听对象:

var listeners = Object.create(null),listenerIndex = 0

2.添加事件监听的实现:

addListener: function (listenName, listenFunc, listenTarget) {if (!listeners[listenName]) listeners[listenName] = Object.create(null);var i;return i = listenerIndex += 1, listeners[listenName][i] = {listener: listenFunc,target: listenTarget}, i
}

3.派发事件的实现:

dispatchListener: function (listenName, arg1, arg2) {var r = !1;var m = listenName ? listeners[listenName] : null;if (m) {Object.keys(m).forEach(function (n) {var ls = m[n];if (ls) {r = !0;ls.listener.call(ls.target, arg1, arg2);}})}return r
}

4.移除监听的实现

 removeListener: function (listenIndex) {var isfind = false;for (var n in listeners) {var i = listeners[n];for (var t in i){if (Number(t) === listenIndex) {delete i[t];isfind = true;break}}if (isfind) break}
}

三.尾语

上面代码只是简单的实现,如果要封装成完整系统,需要对各种条件判断做一些优化处理,才能算是一个简洁且完整的事件派发系统。以上代码也仅供参考,只是提供了一个对call和apply在实际运用的简便且实用的思路。

这篇关于cocoscreator实战开发,JavaScript的call,apply运用,实现简单高效的事件监听与派发的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/538408

相关文章

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

Java实现删除文件中的指定内容

《Java实现删除文件中的指定内容》在日常开发中,经常需要对文本文件进行批量处理,其中,删除文件中指定内容是最常见的需求之一,下面我们就来看看如何使用java实现删除文件中的指定内容吧... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细介绍3.1 Ja

springboot项目中整合高德地图的实践

《springboot项目中整合高德地图的实践》:本文主要介绍springboot项目中整合高德地图的实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一:高德开放平台的使用二:创建数据库(我是用的是mysql)三:Springboot所需的依赖(根据你的需求再

spring中的ImportSelector接口示例详解

《spring中的ImportSelector接口示例详解》Spring的ImportSelector接口用于动态选择配置类,实现条件化和模块化配置,关键方法selectImports根据注解信息返回... 目录一、核心作用二、关键方法三、扩展功能四、使用示例五、工作原理六、应用场景七、自定义实现Impor

SpringBoot3应用中集成和使用Spring Retry的实践记录

《SpringBoot3应用中集成和使用SpringRetry的实践记录》SpringRetry为SpringBoot3提供重试机制,支持注解和编程式两种方式,可配置重试策略与监听器,适用于临时性故... 目录1. 简介2. 环境准备3. 使用方式3.1 注解方式 基础使用自定义重试策略失败恢复机制注意事项

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》:本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色(红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解

PostgreSQL中MVCC 机制的实现

《PostgreSQL中MVCC机制的实现》本文主要介绍了PostgreSQL中MVCC机制的实现,通过多版本数据存储、快照隔离和事务ID管理实现高并发读写,具有一定的参考价值,感兴趣的可以了解一下... 目录一 MVCC 基本原理python1.1 MVCC 核心概念1.2 与传统锁机制对比二 Postg

SpringBoot整合Flowable实现工作流的详细流程

《SpringBoot整合Flowable实现工作流的详细流程》Flowable是一个使用Java编写的轻量级业务流程引擎,Flowable流程引擎可用于部署BPMN2.0流程定义,创建这些流程定义的... 目录1、流程引擎介绍2、创建项目3、画流程图4、开发接口4.1 Java 类梳理4.2 查看流程图4

一文详解如何在idea中快速搭建一个Spring Boot项目

《一文详解如何在idea中快速搭建一个SpringBoot项目》IntelliJIDEA作为Java开发者的‌首选IDE‌,深度集成SpringBoot支持,可一键生成项目骨架、智能配置依赖,这篇文... 目录前言1、创建项目名称2、勾选需要的依赖3、在setting中检查maven4、编写数据源5、开启热

C++中零拷贝的多种实现方式

《C++中零拷贝的多种实现方式》本文主要介绍了C++中零拷贝的实现示例,旨在在减少数据在内存中的不必要复制,从而提高程序性能、降低内存使用并减少CPU消耗,零拷贝技术通过多种方式实现,下面就来了解一下... 目录一、C++中零拷贝技术的核心概念二、std::string_view 简介三、std::stri