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设计模式。

posted @ 2014-11-16 22:33  阿朱姐姐  阅读(168)  评论(0编辑  收藏  举报

友情链接:@开源中国

回到顶部