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