js自定义类

一、三种方式模拟“类”

1、工厂方式

function Cat() {

var cat = new Object();

cat.name = "小猫";

cat.showName = function() {

alert(this.name);

};

return cat;

}

使用：var myCat = Cat();

2、构造函数方式

function Cat() {

this.name = "小猫";

this.showName = function() {

alert(this.name);

};

}

使用：var myCat = new Cat();

3、原型方式

该方式利用了对象的prototype属性。首先用空函数创建类名，然后所有的属性和方法都被赋予prototype属性。

function Cat() {

}

Cat.prototype.name = "小猫";

Cat.prototype.showName = function() {

alert(this.name);

};

使用：var myCat = new Cat();

二、“类”的继承

父类：

function Animal() {

this.attr = "动物";

}

子类：

function Cat() {

var cat = new Animal();

cat.name = "小猫";

cat.showName = function() {

alert(this.name);

};

return cat;

}

使用：var myCat = Cat();

alert(myCat,attr);