CocosCreator学习之模块化脚本

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"

以上就是cocoscreator学习之模块化脚本的详细内容，更多关于cocoscreator模块化脚本的资料请关注其它相关文章！