【六】CocosCreator-CCObject.js源码分析

2024-02-06 02:44

本文主要是介绍【六】CocosCreator-CCObject.js源码分析,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

PS:只是看源码学习过程中把认为重要的内容以笔记的形式记录下来。       

        本来是想写CCNode的,结果发现CCNode继承BaseNode,BaseNode再继承CCObject,那么,就先来看CCObject吧~

        在CCObject类中,他是通过给原型方法赋值来实现类似成员函数相关的功能,如:prototype.destroy = function () {}。

【1】destroy():销毁对象。【因为这个方法很重要,所以我每步都插入关键的核心代码】
1.把需要销毁的对象加到销毁队列objectsToDestroy中。(不会立马销毁)

prototype.destroy = function () {// 省略上下文objectsToDestroy.push(this);// 省略上下文
};


2.在CCDirector的主循环里,再当前帧渲染之前调用deferredDestroy()进行销毁。

mainLoop: CC_EDITOR ? function (deltaTime, updateAnimate) {// 省略上下文} : function (now) {// 省略上下文// Updateif (!this._paused) {// 省略上下文// Destroy entities that have been removed recentlyObj._deferredDestroy();}// 省略上下文}},


3.【deferredDestroy函数内部】遍历objectsToDestroy,如果对象还没销毁,则调用_destroyImmediate。然后把删掉的对象从objectsToDestroy队列里面清除。

function deferredDestroy () {var deleteCount = objectsToDestroy.length;for (var i = 0; i < deleteCount; ++i) {var obj = objectsToDestroy[i];if (!(obj._objFlags & Destroyed)) {obj._destroyImmediate();}}// if we called b.destory() in a.onDestroy(), objectsToDestroy will be resized,// but we only destroy the objects which called destory in this frame.if (deleteCount === objectsToDestroy.length) {objectsToDestroy.length = 0;}else {objectsToDestroy.splice(0, deleteCount);}if (CC_EDITOR) {deferredDestroyTimer = null;}
}


4.【_destroyImmediate函数内部】在对象销毁前,调用_onPreDestroy(). 所有的子类就可以在这个接口里做一些销毁对象前需要执行的操作了。
5.【_destroyImmediate函数内部】调用_destruct(),清除实例的所有引用。

prototype._destroyImmediate = function () {if (this._objFlags & Destroyed) {cc.errorID(5000);return;}// engine internal callbackif (this._onPreDestroy) {this._onPreDestroy();}if ((CC_TEST ? (/* make CC_EDITOR mockable*/ Function('return !CC_EDITOR'))() : !CC_EDITOR) || cc.engine._isPlaying) {this._destruct();}this._objFlags |= Destroyed;
};


6.【_destruct函数内部】调用compileDestruct()构造出“析构函数”,然后调用destruct(this)析构函数清除实例的所有引用。

prototype._destruct = function () {var ctor = this.constructor;var destruct = ctor.__destruct__;if (!destruct) {destruct = compileDestruct(this, ctor);js.value(ctor, '__destruct__', destruct, true);}destruct(this);
};


7.【compileDestruct函数内部】会遍历对象的key,然后用自带的原型方法hasOwnProperty去检测对象的自有属性,然后把所有自有属性置空再赋值给propsToReset。
8.【compileDestruct函数内部】判断如果有构造函数,则是类类型,同样把类里面的string、object、funciton等置空赋值给propsToReset。
PS:上面的7,8两个步骤很关键,大致意思就是构建一个propsToReset出来,key值用对象的key,value就是置空的值。
9.【compileDestruct函数内部】返回一个方法(可以勉强理解为“析构函数”),方法内部其实就是遍历propsToReset,把propsToReset的值赋值给对象,从而真正实现了清除实例的所有引用。

function compileDestruct (obj, ctor) {var shouldSkipId = obj instanceof cc._BaseNode || obj instanceof cc.Component;var idToSkip = shouldSkipId ? '_id' : null;var key, propsToReset = {};for (key in obj) {if (obj.hasOwnProperty(key)) {if (key === idToSkip) {continue;}switch (typeof obj[key]) {case 'string':propsToReset[key] = '';break;case 'object':case 'function':propsToReset[key] = null;break;}}}// Overwrite propsToReset according to Classif (cc.Class._isCCClass(ctor)) {var attrs = cc.Class.Attr.getClassAttrs(ctor);var propList = ctor.__props__;for (var i = 0; i < propList.length; i++) {key = propList[i];var attrKey = key + cc.Class.Attr.DELIMETER + 'default';if (attrKey in attrs) {if (shouldSkipId && key === '_id') {continue;}switch (typeof attrs[attrKey]) {case 'string':propsToReset[key] = '';break;case 'object':case 'function':propsToReset[key] = null;break;case 'undefined':propsToReset[key] = undefined;break;}}}}if (CC_SUPPORT_JIT) {// compile codevar func = '';for (key in propsToReset) {var statement;if (CCClass.IDENTIFIER_RE.test(key)) {statement = 'o.' + key + '=';}else {statement = 'o[' + CCClass.escapeForJS(key) + ']=';}var val = propsToReset[key];if (val === '') {val = '""';}func += (statement + val + ';\n');}return Function('o', func);}else {return function (o) {for (var key in propsToReset) {o[key] = propsToReset[key];}};}
}

【2】_objFlags:应该是记录对象的状态吧,状态的定义在CCObject.js也有,但具体每个状态什么时候用到,暂时在CCObject还没看到,估计是给子类使用的?

【3】cc.isValid():这个我们经常用来判断对象是否还有效的方法,就是通过_objFlags的状态来判断的。

这篇关于【六】CocosCreator-CCObject.js源码分析的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

Python中的Walrus运算符分析示例详解

《Python中的Walrus运算符分析示例详解》Python中的Walrus运算符(:=)是Python3.8引入的一个新特性,允许在表达式中同时赋值和返回值,它的核心作用是减少重复计算,提升代码简... 目录1. 在循环中避免重复计算2. 在条件判断中同时赋值变量3. 在列表推导式或字典推导式中简化逻辑

Java程序进程起来了但是不打印日志的原因分析

《Java程序进程起来了但是不打印日志的原因分析》:本文主要介绍Java程序进程起来了但是不打印日志的原因分析,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java程序进程起来了但是不打印日志的原因1、日志配置问题2、日志文件权限问题3、日志文件路径问题4、程序

Java 正则表达式URL 匹配与源码全解析

《Java正则表达式URL匹配与源码全解析》在Web应用开发中,我们经常需要对URL进行格式验证,今天我们结合Java的Pattern和Matcher类,深入理解正则表达式在实际应用中... 目录1.正则表达式分解:2. 添加域名匹配 (2)3. 添加路径和查询参数匹配 (3) 4. 最终优化版本5.设计思

Java字符串操作技巧之语法、示例与应用场景分析

《Java字符串操作技巧之语法、示例与应用场景分析》在Java算法题和日常开发中,字符串处理是必备的核心技能,本文全面梳理Java中字符串的常用操作语法,结合代码示例、应用场景和避坑指南,可快速掌握字... 目录引言1. 基础操作1.1 创建字符串1.2 获取长度1.3 访问字符2. 字符串处理2.1 子字

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

Node.js 数据库 CRUD 项目示例详解(完美解决方案)

《Node.js数据库CRUD项目示例详解(完美解决方案)》:本文主要介绍Node.js数据库CRUD项目示例详解(完美解决方案),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考... 目录项目结构1. 初始化项目2. 配置数据库连接 (config/db.js)3. 创建模型 (models/

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

Python 迭代器和生成器概念及场景分析

《Python迭代器和生成器概念及场景分析》yield是Python中实现惰性计算和协程的核心工具,结合send()、throw()、close()等方法,能够构建高效、灵活的数据流和控制流模型,这... 目录迭代器的介绍自定义迭代器省略的迭代器生产器的介绍yield的普通用法yield的高级用法yidle

C++ Sort函数使用场景分析

《C++Sort函数使用场景分析》sort函数是algorithm库下的一个函数,sort函数是不稳定的,即大小相同的元素在排序后相对顺序可能发生改变,如果某些场景需要保持相同元素间的相对顺序,可使... 目录C++ Sort函数详解一、sort函数调用的两种方式二、sort函数使用场景三、sort函数排序

Java调用C++动态库超详细步骤讲解(附源码)

《Java调用C++动态库超详细步骤讲解(附源码)》C语言因其高效和接近硬件的特性,时常会被用在性能要求较高或者需要直接操作硬件的场合,:本文主要介绍Java调用C++动态库的相关资料,文中通过代... 目录一、直接调用C++库第一步:动态库生成(vs2017+qt5.12.10)第二步:Java调用C++