Javascript设计模式系列三

  继承,一个类或对象继承另一个类或对象的三种方法。类式继承、原型式继承、掺元类。

  一、类式继承,原型链、Extend函数。

 <script type="text/javascript">

        ////定义Person类
        var Person = function (name) {
            this.name = name;
        };

        Person.prototype.getName = function () {
            return this.name;
        };

        ////原型链
        function Author(name, books) {
            Person.call(this, name);
            this.books = books;
        };

        Author.prototype = new Person();
        Author.prototype.constructor = Author;
        Author.prototype.getBooks = function () {
            return this.books;
        };

        var author = new Author("XX", "books")
        alert(author.getName()+author.getBooks());

        ////Extend函数
        function Extend(subClass,superClass) {
            var F = function () { };
            F.prototype = superClass.prototype;
            subClass.prototype = new F();
            subClass.prototype.constructor = subClass;
        };

        function Author(name, books) {
            Person.call(this, name);
            this.books = books;
        }

        Extend(Author, Person);

        Author.prototype.getBooks = function () {
            return this.books;
        };

        var author = new Author("X", "books")
        alert(author.getName() + author.getBooks());

    </script>

  二、原型式继承。使用原型式继承时,并不需要用类来定义对象的结构,只需直接创建一个对象即可。这个对象随后可以被新的对象重用,该对象被称为原型对象。Clone函数。

 <script type="text/javascript">

        ////Clone函数
        function clone(object) {
            function F() { };
            F.prototype = new object();
            return new F();
        };

        ////定义Person类
        var Person = function () {
            this.name = ‘default name‘;
            this.getName = function () {
                return this.name;
            }
        };

        ////实例化
        var Author = clone(Person);
        alert(Author.name);
        Author.name = "原型式继承";
        alert(Author.name);
        alert(Author.getName());

    </script>

  三、掺元类,一个函数用到多个类中,可以使用扩充的方式让这些类共享该函数。

  本文源于:Javascript设计模式。

时间: 2024-10-04 13:42:27

Javascript设计模式系列三的相关文章

Javascript设计模式系列二

创建对象的基本模式,一.门户大开型,二.采用下划线来表示属性和方法的私用性,三.使用闭包来创建私用的成员. 一.门户大开型.只能提供公用成员.所有属性和方法都公开的.可访问的.这些共用属性都要使用this关键字来创建. <script type="text/javascript"> ////定义Dog对象 var Dog = function (name, age) { this.name = name; this.age = age; } Dog.prototype.Sa

Javascript设计模式系列一

定义类,方法赋值给prototype属性各种写法: 方法一: 1 <script type="text/javascript"> 2 ////定义Message类 3 var Message = function () { 4 } 5 ////添加方法 6 Message.prototype = { 7 Display: function (msg) { 8 ///弹出 9 alert(msg); 10 } 11 }; 12 13 ////实例化 14 var msg =

设计模式系列——三个工厂模式(简单工厂模式,工厂方法模式,抽象工厂模式)

原文地址:http://blog.chinaunix.net/uid-25958655-id-4243289.html 简单工厂模式 当需要加法类的时候,调用工厂类的CreateOperate(),要指定制造的Product 例如在大话设计模式P11给的运算工厂例子: public static Operation createOperate(string operate) { Operation oper = null; 12 switch (operate) { case "+":

javascript设计模式系列二-封装

JavaScript封装: var Book = function (id, name, price) { this.id = id, this.name = name, this.price = price } Book.prototype.display = function () { //展示书本 } var book = new Book(10, 'js', 30); book.display(); console.log(book.name); 问题:通过this和prototype添

Javascript设计模式学习三(策略模式)

定义:定义一系列的算法,把它们一个个封装起来,并且使它们可以互相替换.目的:将算法的使用和算法的实现分离开来.比如: if(input == 'A'){ return 1; } if(input == 'B'){ return 2; } if(input == 'C'){ return 3; } //或者 switch(input){ case 'A': console.log(1); break; case 'B': console.log(2); break; case 'C': conso

深入理解javascript函数系列第三篇

前面的话 函数是javascript中特殊的对象,可以拥有属性和方法,就像普通的对象拥有属性和方法一样.甚至可以用Function()构造函数来创建新的函数对象.本文是深入理解javascript函数系列第三篇--属性和方法 属性 [length属性] 函数系列第二篇中介绍过,arguments对象的length属性表示实参个数,而函数的length属性则表示形参个数 function add(x,y){ console.log(arguments.length)//3 console.log(

深入理解javascript作用域系列第三篇

前面的话 一般认为,javascript代码在执行时是由上到下一行一行执行的.但实际上这并不完全正确,主要是因为声明提升的存在.本文是深入理解javascript作用域系列第三篇--声明提升(hoisting) 变量声明提升 a = 2 ; var a; console.log( a ); 直觉上,会认为是undefined,因为var a声明在a = 2;之后,可能变量被重新赋值了,因为会被赋予默认值undefined.但是,真正的输出结果是2 console.log( a ) ; var a

深入理解javascript作用域系列第三篇——声明提升(hoisting)

× 目录 [1]变量 [2]函数 [3]优先 前面的话 一般认为,javascript代码在执行时是由上到下一行一行执行的.但实际上这并不完全正确,主要是因为声明提升的存在.本文是深入理解javascript作用域系列第三篇——声明提升(hoisting) 变量声明提升 a = 2 ; var a; console.log( a ); 直觉上,会认为是undefined,因为var a声明在a = 2;之后,可能变量被重新赋值了,因为会被赋予默认值undefined.但是,真正的输出结果是2 c

javascript面向对象系列第三篇——实现继承的3种形式

前面的话 学习如何创建对象是理解面向对象编程的第一步,第二步是理解继承.开宗明义,继承是指在原有对象的基础上,略作修改,得到一个新的对象.javascript主要包括类式继承.原型继承和拷贝继承这三种继承方式.本文是javascript面向对象系列第三篇——实现继承的3种形式 类式继承 大多数面向对象的编程语言都支持类和类继承的特性,而JS却不支持这些特性,只能通过其他方法定义并关联多个相似的对象,如new和instanceof.不过在后来的ES6中新增了一些元素,比如class关键字,但这并不