DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS實現簡單的圖書館享元模式實例
JS實現簡單的圖書館享元模式實例
編輯:JavaScript綜合知識     

   本文實例講述了JS實現簡單的圖書館享元模式。分享給大家供大家參考。具體如下:

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 <!DOCTYPE html> <html> <head> <title>享員模式</title> </head> <body> <script> /* *flyweight 享員模式 */ //例子是一個圖書館存書借書 ->_-> var Book = function(id, title, author, genre, pageCount, publisherId, ISBN, checkoutDate, checkoutMember /*還有一些*/){ this.id = id; this.title = title; this.author = author; this.genre = this.genre; this.pageCount = pageCount; this.publisherId = publisherId; this.ISBN = ISBN; /*...*/ this.checkoutDate = checkoutDate; this.checkoutMember = checkoutMember; }; Book.prototype = { getTitle : function(){ return this.title; }, getAuthor : function(){ return this.author; }, getISBN : function(){ return this.ISBN; }, /*__more.._*/ updateCheckoutStatus : function(booId,checkoutDate,checkoutMember){ this.id = bookId; this.checkoutDate = checkoutDate; this.checkoutMember = checkoutMember; /*_more.._*/ } }; //下面介紹享元的版本;PS(使用了一個OBJ存書籍,這樣就可以存多的書) var BookFactory = (function(){ var existingBooks = {},existingBook; return { createBook : function(title,author,genre,ISBN){ existingBook = existingBooks[ISBN]; if(existingBook){ return existingBook; }else{ var book = new Book(/*_moreData_bookInfo == _*/) return existingBooks[ISBN] = book; } } } })(); var BookRecordManager = (function(){ var bookRecordDatabase = {}; return { addBookRecord : function(id,ISNB/* == */){ var book = BookFactory.createBook(/**/); bookRecordDatabase[id] = { checkoutDate : checkoutDate, checkoutMember : checkoutMember }; }, updateCheckoutStatus : function(bookId,xx){ bookRecordDatabase[bookId] = { xx : tt, oo : yy } }, extend : function(){ /*自定義各種公用方法了*/ } } })(); </script> </body> </html>

  希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved