JS實現(xiàn)簡單的圖書館享元模式實例
更新時間：2015年06月30日 12:13:44 作者：方方和圓圓
這篇文章主要介紹了JS實現(xiàn)簡單的圖書館享元模式,以一個圖書館存書借書的例子分析了圖書館享元模式的實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)簡單的圖書館享元模式。分享給大家供大家參考。具體如下：
<!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程序設(shè)計有所幫助。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了通過JS實現(xiàn)的簡單頂部定時關(guān)閉層效果,需要的朋友可以參考下2014-06-06
本文簡單說明利用JS來測試目標網(wǎng)站的打開響應(yīng)速度,方法簡單明了大家一看就明白并附上了腳本源碼2017-12-12
YOLOV5模型從發(fā)布到現(xiàn)在都是炙手可熱的目標檢測模型,被廣泛運用于各大場景之中,下面這篇文章主要給大家介紹了關(guān)于yolov5項目部署+微信小程序前端展示的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
JavaScript對象訪問器Getter及Setter原理解析
這篇文章主要介紹了JavaScript對象訪問器Getter及Setter原理解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-12-12
一般網(wǎng)頁的下方都會放置一個置頂按鈕, 尤其是頁面底部沒有導航的網(wǎng)頁, 這樣可以幫助訪客重新找到導航或者重溫一遍廣告 (想得真美).2011-05-05
這篇文章主要介紹了詳解webpack 如何集成第三方j(luò)s庫，具有一定的參考價值，感興趣的小伙伴們可以參考一下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瀑布流式圖片懶加載實例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
通過js將內(nèi)容復(fù)制到剪貼板，本來不難，可是若考慮到瀏覽器的兼容性問題，就變的有點麻煩，借助flash實現(xiàn)瀏覽器的兼容2014-03-03
本文主要介紹了Webpack之plugin的使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-02-02