判断是否继承
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, , 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(, );
}
}.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 = , len = argsArr.length; i < len; i ++) {
console.log("args " + i + ": " + argsArr[i]);
}
};
func(, "haha", , );
结果：
arg1:
args : haha
args :
args :
2 解构赋值
var func = function() {
return [, ];
}
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', ], ['Bob', ], ['Tracy', ]]);
m.get('Michael'); //
map初始化
var m = new Map(); // 空Map
m.set('Adam', ); // 添加新的key-value
m.set('Bob', );
m.has('Adam'); // 是否存在key 'Adam': true
m.get('Adam'); //
m.delete('Adam'); // 删除key 'Adam'
m.get('Adam'); // undefined
set
var s1 = new Set(); // 空Set
var s2 = new Set([, , ]); // 含1, 2, 3
添加元素
>>> s.add()
>>> s
{, , , }
>>> s.add()
>>> s
{, , , }
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([,,,,,]);
let set2 = new Set([,,,,,]); //并集
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 = , len = assets.length; i < len; i ++) {
let asset = assets[i];
asset.position = cc.p(, i * );
asset.parent = this.node;
var atlas = asset['Atlas'];
var spr = asset.getComponent(cc.Sprite);
spr.spriteFrame = atlas.getSpriteFrames()[];
}
}.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[]}`);
return Reflect.apply(target[key], target, args);
}
}
});
obj.testFunc("");
>>>testFunc2
>>>testFunc1
revocable proxy
this. testProxyFunc = function (key) {
console.log(`testProxyFunc ${key}`);
};
var handler = {
get(target, key, proxy) {
return function(...args) {
console.log(`testProxyFunc ${args[]}`);
return Reflect.apply(target[key], target, args);
}
}
};
var revocable = Proxy.revocable(this, handler);
var proxy = revocable.proxy;
proxy.testProxyFunc("");
revocable.revoke();
console.log("-------");
proxy.testProxyFunc("");
>>>testProxyFunc
>>>testProxyFunc
>>>-------
Uncaught TypeError: Cannot perform 'get' on a proxy that has been revoked
6 class module