javascript中的封装多态和继承



封装Encapsulation

如下代码,这就算是封装了

(function (windows, undefined) {
    var i = 0;//相对外部环境来说,这里的i就算是封装了
})(window, undefined);

 

继承Inheritance

(function (windows, undefined) {
    //父类
    function Person() { }
    Person.prototype.name = "name in Person";
 
    //子类
    function Student() { }
    Student.prototype = new Person();           //修复原型
    Student.prototype.constructor = Student;    //构造函数
    Student.prototype.supr = Person.prototype;  //父类
 
    //创建子类实例
    var stu = new Student();
    Student.prototype.age = 28;
    Student.prototype.name = "name in Student instance";
 
    //打印子类成员及父类成员
    alert(stu.name); //name in Student instance
    alert(stu.supr.name); //name in Person
    alert(stu.age); //28
 
})(window, undefined);

 

多态Polymorphism

有了继承,多态就好办了

//这就是继承了
(function (windows, undefined) {
    //父类
    function Person() { }
    Person.prototype.name = "name in Person";
    Person.prototype.learning = function () {
        alert("learning in Person")
    }
 
    //子类
    function Student() { }
    Student.prototype = new Person();           //修复原型
    Student.prototype.constructor = Student;    //构造函数
    Student.prototype.supr = Person.prototype;  //父类
    Student.prototype.learning = function () {
        alert("learning in Student");
    }
 
    //工人
    function Worker() { }
    Worker.prototype = new Person();           //修复原型
    Worker.prototype.constructor = Worker;    //构造函数
    Worker.prototype.supr = Person.prototype;  //父类
    Worker.prototype.learning = function () {
        alert("learning in Worker");
    }
 
    //工厂
    var personFactory = function (type) {
        switch (type) {
            case "Worker":
                return new Worker();
                break;
            case "Student":
                return new Student();
                break;
        }
        return new Person();
    }
 
    //客户端
    var person = personFactory("Student");
    person.learning(); //learning in Student
    person = personFactory("Worker");
    person.learning(); //learning in Worker
 
})(window, undefined);
 
 
 
 
原文链接:http://www.cnblogs.com/kkun/archive/2012/01/06/2314885.html

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值