CocosCreator学习之模块化脚本
网络编程 2021-07-04 14:07www.168986.cn编程入门
这篇文章主要介绍了Cocos Creator 模块化脚本,想加深学习CocosCreator脚本的同学,一定要看一下
Cocos Creator模块化脚本
Cocos Creator 允许你将代码拆分成多个脚本文件,并且让它们相互调用。这个步骤简称为 模块化。
模块化使你可以在 Cocos Creator 中引用其它脚本文件
- 访问其它文件导出的参数
- 调用其它文件导出的方法
- 使用其它文件导出的类型
- 使用或继承其它 Component
Cocos Creator 中的 JavaScript 使用和 Node.js 几乎相同的 CommonJS 标准来实现模块化,简单来说
- 每一个单独的脚本文件就构成一个模块
- 每个模块都是一个单独的作用域
- 以 同步 的 require 方法来引用其它模块
- 设置 module.exports 为导出的变量
当你在脚本中声明了一个组件,Creator 会默认把它导出,其它脚本直接 require 这个模块就能使用这个组件。
// Rotate.js .Class({ extends: .Component, // ... }); SinRotate.js
// SinRotate.js var Rotate = require("Rotate"); var SinRotate = .Class({ extends: Rotate, update: function (dt) { this.rotation += this.speed Math.sin(dt); } });
模块里不单单能定义组件,实际上你可以导出任意 JavaScript 对象。假设有个脚本 config.js
// config.js - v2 var cfg = { moveSpeed: 10, version: "0.15", showTutorial: true, load: function () { // ... } }; cfg.load(); module.exports = cfg;
现在如果我们要在其它脚本中访问 cfg 对象
// player.js var config = require("config"); .log("speed is", config.moveSpeed);
module.exports
的默认值
当你的 module.exports
没有任何定义时,Creator 会自动优先将 exports
设置为脚本中定义的 Component。如果脚本没定义 Component 定义了别的类型的 ,则自动把 exports
设为定义的 CCClass。
导出变量
module.exports
默认是一个空对象({}
),可以直接往里面增加新的字段。
// foobar.js: module.exports.foo = function () { .log("foo"); }; module.exports.bar = function () { .log("bar"); };
// test.js: var foobar = require("foobar"); foobar.foo(); // "foo" foobar.bar(); // "bar"
module.exports
的值可以是任意 JavaScript 类型。
// foobar.js: module.exports = { FOO: function () { this.type = "foo"; }, bar: "bar" };
// test.js: var foobar = require("foobar"); var foo = new foobar.FOO(); .log(foo.type); // "foo" .log(foobar.bar); // "bar"
以上就是CocosCreator学习之模块化脚本的详细内容,更多关于CocosCreator模块化脚本的资料请关注狼蚁SEO其它相关文章!
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南