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);


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值