判断是否继承
cc.isChildClassOf = function (subclass, superclass) {
获取所有super classes
CCClass.getInheritanceChain = function (klass)
cc.js下有很多判断方法
判断是否是数字
cc.js.isNumber
字符串
cc.js.isString
copy all properties from arguments[1...n] to obj
cc.js.mixin
阻止事件向下层传递
event.stopPropagation();停止事件冒泡。
对node执行scheduleUpdate方法
var node = new cc.Node(); node.parent = this.node; node.update = function (dt){ }.bind(this); cc.director.getScheduler().scheduleUpdate(node, 0, false);
注意webGL 的 cc.director.getScheduler().scheduleUpdate的第4个参数可以传递function ，但在canvas中第四个参数无效
继承自cc.Asset的类
cc.TextAsset
cc.AnimationClip
cc.Font
cc.Prefab
cc.SceneAsset
cc.Script
cc.SpriteAtlas
cc.TiledMapAsset
dragonBones.DragonBonesAsset
dragonBones.DragonBonesAtlasAsset
sp.SkeletonData
cc.SpriteFrame
cc.loader.getRes 加载Sprite：如果加载过（cc.loader.loadResArr cc.loader.loadResDir cc.loader.loadRes等方法）此素材，可以正常读取 cc.SpriteFrame，否则会返回空
cc.loader.loadResArray(["imgage/common/btn_common_close1.png"], cc.SpriteFrame, function () {//第一次加载（异步） var asset = cc.loader.getRes("imgage/common/btn_common_close1.png", cc.SpriteFrame);//第二次可以用getRes加载（同步） if (asset) { var node = new cc.Node(); var spr = node.addComponent(cc.Sprite); spr.spriteFrame = asset; node.parent = this.node; node.setPosition(0, 0); } }.bind(this));
如果想第一次用同步方法加载：
var node = new cc.Node(); var component = node.addComponent(cc.Sprite); component.spriteFrame = new cc.SpriteFrame(cc.url.raw("resources/imgage/common/btn_common_close1.png"));
node.parent = this.node;
node.setPosition(0, 0);
bitmapFont Label可以直接使用cc.loader.getRes加载,而不必担心是否加载过
var asset = cc.loader.getRes(url, cc.Font); if (asset) { var node = new cc.Node(); var component = node.addComponent(cc.Label); component.font = asset; }
但是ttf 字体的cc.Font 只有使用cc.loader.loadRes（cc.loader.load loadResArray loadResDir等方法加载无效）异步加载过一次后，才能使用getRes方法直接加载
cc.AudioClip可以直接使用cc.loader.getRes同步加载
var asset = this.getRes("sound/audio_test", cc.AudioClip); if (asset) { var node = new cc.Node(); node.parent = this.node; var component = node.addComponent(cc.AudioSource); component.clip = asset; component.play(); }
或者
var node = new cc.Node(); node.parent = rootNode; var component = node.addComponent(cc.AudioSource); component.clip = cc.url.raw("resources/sound/audio_test.mp3"); component.play();
游戏增量更新后需要重新加载 cc.game.restart();
cocosCreator 支持es6新方法
1 方法的不定数量传参：
var func = function(arg1, ...argsArr) { console.log("arg1:" + arg1); for (var i = 0, len = argsArr.length; i < len; i ++) { console.log("args " + i + ": " + argsArr[i]); } }; func(1, "haha", 42, 54);
结果：
arg1:1 args 0: haha args 1: 42 args 2: 54
2 解构赋值
var func = function() { return [1, 2]; } var a = null; var b = null; [a, b] = func(); console.log("a:" + a); console.log("b:" + b);
a 、b被分别赋值 1、 2，可以用更少的代码，实现函数返回值赋值多个变量
3 map和set的数据结构
var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]); m.get('Michael'); // 95
map初始化
var m = new Map(); // 空Map m.set('Adam', 67); // 添加新的key-value m.set('Bob', 59); m.has('Adam'); // 是否存在key 'Adam': true m.get('Adam'); // 67 m.delete('Adam'); // 删除key 'Adam' m.get('Adam'); // undefined
set
var s1 = new Set(); // 空Set var s2 = new Set([1, 2, 3]); // 含1, 2, 3
添加元素
>>> s.add(4) >>> s {1, 2, 3, 4} >>> s.add(4) >>> s {1, 2, 3, 4}
for (let i of s.values()) {
console.log(i);
}
let arr = [...s];
console.log(JSON.stringify(arr));
>>>[1, 2, 3, 4]
还有 delete() clear() forEach() keys() values() size 等方法
set 交集并集计算
let set1 = new Set([1,2,3,4,5,6]); let set2 = new Set([4,5,6,7,8,9]); //并集 let union = new Set([...set1,...set2]); console.log("union:" + JSON.stringify([...union])); //[1,2,3,4,5,6,7,8,9] //交集 let intersect = new Set([...set1].filter(x => set2.has(x))); console.log("intersect:" + JSON.stringify([...intersect])); //[4,5,6] //差集 let diffsect = new Set([...set1].filter(x => !set2.has(x))); console.log("diffsect:" + JSON.stringify([...diffsect]));
//[1，2，3]
4promise
var promise1 = new Promise(function (resolve, reject) { GameCtr.resCtr.getSpriteAsyn(Res.sheep_plist, function (asset) { if (asset) { resolve(asset); } }, "sheep_run_0"); }); var promise2 = new Promise(function (resolve, reject) { GameCtr.resCtr.getSpriteAsyn(Res.sheep_plist, function (asset) { if (asset) { resolve(asset); } }, "sheep_run_0"); }); Promise.all([promise1, promise2]).then(function (assets) { for (var i = 0, len = assets.length; i < len; i ++) { let asset = assets[i]; asset.position = cc.p(300, i * 100); asset.parent = this.node; var atlas = asset['Atlas']; var spr = asset.getComponent(cc.Sprite); spr.spriteFrame = atlas.getSpriteFrames()[0]; } }.bind(this));
5 proxey
如果节点不存在自动生成节点的Tree
function Tree() { return new Proxy({}, handler); } var handler = { get: function (target, key, receiver) { if (!(key in target)) { target[key] = Tree(); // 自动创建一个子树 } return Reflect.get(target, key, receiver); } }; var tree = Tree(); //tree.a.b.c ="1"; console.log(tree.a.b.c);
扩展已有方法
this.testFunc = function(key) { console.log(`testFunc1 ${key}`); }; var obj = new Proxy(this, { get(target, key, proxy) { return function(...args) { console.log(`testFunc2 ${args[0]}`); return Reflect.apply(target[key], target, args); } } }); obj.testFunc("123"); >>>testFunc2 123 >>>testFunc1 123
revocable proxy
this. testProxyFunc = function (key) { console.log(`testProxyFunc 2 ${key}`); }; var handler = { get(target, key, proxy) { return function(...args) { console.log(`testProxyFunc 1 ${args[0]}`); return Reflect.apply(target[key], target, args); } } }; var revocable = Proxy.revocable(this, handler); var proxy = revocable.proxy; proxy.testProxyFunc("123"); revocable.revoke(); console.log("-------"); proxy.testProxyFunc("123"); >>>testProxyFunc 1 123 >>>testProxyFunc 2 123 >>>------- Uncaught TypeError: Cannot perform 'get' on a proxy that has been revoked
6 class module