定义类

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