快捷導(dǎo)航

JS實(shí)現(xiàn)簡(jiǎn)單的圖書館享元模式實(shí)例

更新時(shí)間：2015年06月30日 12:13:44 作者：方方和圓圓

這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單的圖書館享元模式,以一個(gè)圖書館存書借書的例子分析了圖書館享元模式的實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)簡(jiǎn)單的圖書館享元模式。分享給大家供大家參考。具體如下：

<!DOCTYPE html>
<html>
<head>
<title>享員模式</title>
</head>
<body>
<script>
 /*
  *flyweight 享員模式
  */
 //例子是一個(gè)圖書館存書借書 ->_->
 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（使用了一個(gè)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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

JS
模式

相關(guān)文章

JS實(shí)現(xiàn)簡(jiǎn)單的頂部定時(shí)關(guān)閉層效果
這篇文章主要介紹了通過JS實(shí)現(xiàn)的簡(jiǎn)單頂部定時(shí)關(guān)閉層效果,需要的朋友可以參考下
2014-06-06
利用JS測(cè)試目標(biāo)網(wǎng)站的打開響應(yīng)速度
本文簡(jiǎn)單說明利用JS來測(cè)試目標(biāo)網(wǎng)站的打開響應(yīng)速度,方法簡(jiǎn)單明了大家一看就明白并附上了腳本源碼
2017-12-12
yolov5項(xiàng)目部署+微信小程序前端展示的全過程
YOLOV5模型從發(fā)布到現(xiàn)在都是炙手可熱的目標(biāo)檢測(cè)模型,被廣泛運(yùn)用于各大場(chǎng)景之中,下面這篇文章主要給大家介紹了關(guān)于yolov5項(xiàng)目部署+微信小程序前端展示的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-11-11
JavaScript對(duì)象訪問器Getter及Setter原理解析
這篇文章主要介紹了JavaScript對(duì)象訪問器Getter及Setter原理解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-12-12
實(shí)現(xiàn)變速回到頂部的JavaScript代碼
一般網(wǎng)頁(yè)的下方都會(huì)放置一個(gè)置頂按鈕, 尤其是頁(yè)面底部沒有導(dǎo)航的網(wǎng)頁(yè), 這樣可以幫助訪客重新找到導(dǎo)航或者重溫一遍廣告 (想得真美).
2011-05-05
詳解webpack 如何集成第三方j(luò)s庫(kù)
這篇文章主要介紹了詳解webpack 如何集成第三方j(luò)s庫(kù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
Sample script that displays all of the users in a given SQL
Sample script that displays all of the users in a given SQL Server DB...
2007-06-06
javascript瀑布流式圖片懶加載實(shí)例
這篇文章主要為大家詳細(xì)介紹了javascript瀑布流式圖片懶加載實(shí)例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-02-02
用js將內(nèi)容復(fù)制到剪貼板兼容瀏覽器
通過js將內(nèi)容復(fù)制到剪貼板，本來不難，可是若考慮到瀏覽器的兼容性問題，就變的有點(diǎn)麻煩，借助flash實(shí)現(xiàn)瀏覽器的兼容
2014-03-03
Webpack之plugin的使用
本文主要介紹了Webpack之plugin的使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-02-02