creator 静态属性_CocosCreator cc.class声明类

定义类

var Sprite = cc.Class({

name: "sprite"

});

var obj = new Sprite();

定义的类的类型名为 Sprite 可以用 new 构造一个对象。

也可以不定义类名,直接构造类。

构造函数——ctor/ __ ctor__

ctor 不允许含有参数,如果构造时需要用到参数,必须使用__ctor__

var Sprite = cc.Class({

ctor: function () {

cc.log(this instanceof Sprite); // true

}

});

继承——extends

// 父类

var Shape = cc.Class();

// 子类

var Rect = cc.Class({

extends: Shape

});

父类构造函数

不论子类是否有定义构造函数,子类实例化前父类的构造函数都会被自动调用。

不需要尝试调用父类的构造函数,否则父构造函数就会重复调用。

在一些很特殊的情况下,父构造函数接受的参数可能和子构造函数无法兼容。这时开发者就只能自己手动调用父构造函数并且传入需要的参数,这时应该将构造函数定义在__ ctor__中。

var Node = cc.Class({

ctor: function () {

this.name = "node";

}

});

var Sprite = cc.Class({

extends: Node,

ctor: function () {

// 子构造函数被调用前,父构造函数已经被调用过,所以 this.name 已经被初始化过了

cc.log(this.name); // "node"

// 重新设置 this.name

this.name = "sprite";

Node.call(this); // 别这么干!

this._super(); // 也别这么干!

}

});

var obj = new Sprite();

cc.log(obj.name); // "sprite"

属性声明

Cocos 类中,将声明的属性放在 properties 中,分简单声明和完整声明。

简单声明:

当声明的属性为基本 JavaScript 类型时,可以直接赋予默认值

当声明的属性具备类型时(如:cc.Node,cc.Vec2 等),可以在声明处填写他们的构造函数来完成声明

当声明属性的类型继承自 cc.ValueType 时(如:cc.Vec2,cc.Color 或 cc.Rect),除了上面的构造函数,还可以直接使用实例作为默认值

当声明属性是一个数组时,可以在声明处填写他们的类型或构造函数来完成声明

properties: {

height: 20, // number

type: "actor", // string

loaded: false, // boolean

target: null, // object

target: cc.Node,

pos: cc.Vec2,

pos: new cc.Vec2(10, 20),

color: new cc.Color(255, 255, 255, 128),

any: [], // 不定义具体类型的数组

bools: [cc.Boolean],

strings: [cc.String],

floats: [cc.Float],

ints: [cc.Integer],

values: [cc.Vec2],

nodes: [cc.Node],

frames: [cc.SpriteFrame],

}

完整声明

有些情况下,我们需要为属性声明添加参数,这些参数控制了属性在属性检查器中的显示方式,以及属性在场景序列化过程中的行为

常见属性:

default: 设置属性的默认值,这个默认值仅在组件第一次添加到节点上时才会用到

type: 限定属性的数据类型

visible: 设为 false 则不在 属性检查器 面板中显示该属性

serializable: 设为 false 则不序列化(保存)该属性

displayName: 在 属性检查器 面板中显示成指定名字

tooltip: 在 属性检查器 面板中添加属性的 Tooltip

properties: {

score: {

default: 0,

displayName: "Score (player)",

tooltip: "The score of player",

}

}

注:可以在 onl oad 函数中用 this 设置属性,防止变量在属性检查器中赋值后无法改变。

静态变量

静态变量或静态方法可以在原型对象的 statics 中声明:

var Sprite = cc.Class({

statics: {

// 声明静态变量

count: 0,

// 声明静态方法

getBounds: function (spriteList) {

// ...

}

}

});

重写

子类方法可以直接重写父类方法

用 this._super 调用父类成员

var Shape = cc.Class({

getName: function () {

return "shape";

}

});

var Rect = cc.Class({

extends: Shape,

getName: function () {

var baseName = this._super();

return baseName + " (rect)";

}

});

var obj = new Rect();

cc.log(obj.getName()); // "shape (rect)"

标签:cc,Class,CocosCreator,var,构造函数,声明,class,属性

来源: https://blog.csdn.net/qq_43575267/article/details/88796163

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值