Cocos Creator中模块化脚本(官方文档摘录)

Cocos Creator 允许你将代码拆分成多个脚本文件，并且让它们相互调用。要实现这点，你需要了解如何在 Cocos Creator 中定义和使用模块，这个步骤简称为模块化。

如果你还不确定模块化究竟能做什么，模块化相当于：

模块化使你可以在 Cocos Creator 中引用其它脚本文件：

Cocos Creator 中的 JavaScript 使用和 Node.Js 几乎相同的 Commonjs 标准来实现模块化，简单来说：

如果你还不太明白，没关系，下面会详细讲解。

在本文中，“模块”和“脚本”这两个术语是等价的。所有“备注”都属于进阶内容，一开始不需要了解。
不论模块如何定义，所有用户代码最终会由 Cocos Creator 编译为原生的 JavaScript，可直接在浏览器中运行。

除了 Cocos Creator 提供的接口，所有用户定义的模块都需要调用require来访问。例如我们有一个组件定义在Rotate.Js：

// Rotate.Js cc.Class({ extends: cc.Component,// ... });

现在要在别的脚本里访问它，可以：

var Rotate = require("Rotate");

require返回的就是被模块导出的对象，通常我们都会将结果立即存到一个变量（var Rotate）。传入require的字符串就是模块的文件名，这个名字不包含路径也不包含后缀，而且大小写敏感。

// SinRotate.js var Rotate = require("Rotate"); var SinRotate = cc.Class({ extends: Rotate,update: function (dt) { this.rotation += this.speed * Math.sin(dt); } });

这里我们定义了一个新的组件叫 SinRotate，它继承自 Rotate，并对update方法进行了重写。

同样的这个组件也可以被其它脚本接着访问，只要用require("SinRotate")。

备注：

// config.jsvar cfg = {    moveSpeed: 10,version: "0.15",showTutorial: true,load: function () {        // ...    }};cfg.load();

// player.jsvar config = "config");cc.log("speed is",config.moveSpeed);

// config.js - v2// ...    }};cfg.load();module.exports = cfg;

// foobar.Js:module.exports.foo = function () {    cc.log("foo");};module.exports.bar = "bar");};

// test.Js:var foobar = "foobar");foobar.foo();    // "foo"foobar.bar();    // "bar"

module.exports = {    FOO: this.type = "foo";    },bar: "bar"};

"foobar");var foo = new foobar.FOO();cc.log(foo.type);      // "foo"cc.log(foobar.bar);    // "bar"

// foobar.js:var dirty = false;module.exports = {    setDirty: function () {        dirty = true;    },isDirty: return dirty;    },};

// test1.js:var foo = "foobar");cc.log(typeof foo.dirty);        // "undefined"foo.setDirty();

// test2.js:"foobar");cc.log(foo.isDirty());           // true

请参考属性延迟定义

以上是内存溢出为你收集整理的Cocos Creator中模块化脚本(官方文档摘录)全部内容，希望文章能够帮你解决Cocos Creator中模块化脚本(官方文档摘录)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。