Javascript设计模式

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

04-25 09:59