Cocos Creator中模块化的主要作用是什么-群英

上一篇：JavaScript类型检测方法是什么，具体怎样做下一篇：Cocos Creator中物理引擎关节的应用有哪些

这篇文章给大家分享的是Cocos Creator中模块化的主要作用是什么。小编觉得挺实用的，因此分享给大家做个参考，文中的介绍得很详细，而要易于理解和学习，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

Cocos Creator模块化脚本

Cocos Creator 允许你将代码拆分成多个脚本文件，并且让它们相互调用。这个步骤简称为模块化。

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

访问其它文件导出的参数
调用其它文件导出的方法
使用其它文件导出的类型
使用或继承其它 Component

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

每一个单独的脚本文件就构成一个模块
每个模块都是一个单独的作用域
以同步的 require 方法来引用其它模块
设置 module.exports 为导出的变量

当你在脚本中声明了一个组件，Creator 会默认把它导出，其它脚本直接 require 这个模块就能使用这个组件。

// Rotate.js

cc.Class({
   extends: cc.Component,
   // ...
}); SinRotate.js

// SinRotate.js

var Rotate = require("Rotate");

var SinRotate = cc.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");
cc.log("speed is", config.moveSpeed);

module.exports 的默认值：
当你的 module.exports 没有任何定义时，Creator 会自动优先将 exports 设置为脚本中定义的 Component。如果脚本没定义 Component 但是定义了别的类型的 CCClass，则自动把 exports 设为定义的 CCClass。

导出变量

module.exports 默认是一个空对象（{}），可以直接往里面增加新的字段。

// foobar.js:

  module.exports.foo = function () {
      cc.log("foo");
  };
  module.exports.bar = function () {
      cc.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();
  cc.log(foo.type);      // "foo"
  cc.log(foobar.bar);    // "bar"

现在大家对于Cocos Creator中模块化的主要作用是什么的内容应该都有一定的认识了吧，希望这篇能对大家有所帮助。最后，想要了解更多，欢迎关注群英网络，群英网络将为大家推送更多相关的文章。

标签： Cocos模块化

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：JavaScript类型检测方法是什么，具体怎样做下一篇：Cocos Creator中物理引擎关节的应用有哪些