js 继承inheritance/extends

最新推荐文章于 2025-09-10 14:53:18 发布

weixin_30439067

最新推荐文章于 2025-09-10 14:53:18 发布

阅读量63

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/della/p/3622527.html

本文介绍了JavaScript中的伪类模式，探讨了如何通过构造器函数实现类似面向对象的特性，并讨论了这种模式存在的问题，如缺乏私有环境及构造器函数误用导致的问题。

主要就是《javascript语言精粹》语言精粹中的内容

5.1伪类

Function.prototype.method = function(name,func){ this.prototype[name] = func; return this; }

var Cat = function(name){
    this.name = name;
    this.saying = "meow";
}

Cat.prototype = new Mammal();

Cat.prototype.purr = function(n){
    var i,s = "";
    for(i = 0 ; i < n ; i+=1){
        if(s){
            s += "-";
        }
        s += "r";
    }
    return s;
}

Cat.prototype.get_name = function(){
    return this.says() + " " + this.name + " " + this.says();
}

var myCat = new Cat("bubu");
var says = myCat.says();
var purr = myCat.purr(5);
var name = myCat.get_name();

console.log(says , purr , name);

伪类模式本意是想向面向对象靠拢，我们可以隐藏一些丑陋的细节，这是通过使用method方法定义一个inherits方法来实现的

Function.prototype.method = function(name,func){
    this.prototype[name] = func;
    return this;
}

Function.method('inherits',function(Parent){
    this.prototype = new Parent();
    return this;
})

var Cat = function(name){
    this.name = name;
    this.saying = "meow";
}.
    inherits(Mammal).
        method("purr",function(n){
        var i,s = "";
        for(i = 0 ; i < n ; i+=1){
            if(s){
                s += "-";
            }
            s += "r";
        }
        return s;
    }).
        method("get_name",function(){
            return this.says() + " " + this.name + " " + this.says();
        });

var myCat = new Cat("bubu");
var says = myCat.says();
var purr = myCat.purr(5);
var name = myCat.get_name();

console.log(says , purr , name);