認(rèn)識 Backbone（四） : 什么是 Collection

marser 發(fā)布于2019-08-19 14:40 / 532人閱讀

摘要：簡而言之，中的就是的一個有序集合，比如，它可能會在以下情況中用到一般只使用同一類型的，但是可以屬于不同類型的，比如創(chuàng)建一個定義定義指定內(nèi)的為輸出為的概念比較簡單，它只是的一個有序集合，所以對的相關(guān)操作，同樣可以對應(yīng)用，詳細(xì)可以閱讀認(rèn)識一什么

簡而言之，Backbone 中的 Collection 就是 Model 的一個有序集合，比如，它可能會在以下情況中用到:

Model: Student, Collection: ClassStudents

Model: Todo Item, Collection: Todo List

Model: Animal, Collection: Zoo

Collection 一般只使用同一類型的 Model，但是 Model 可以屬于不同類型的 Collection，比如：

Model: Student, Collection: Gym Class

Model: Student, Collection: Art Class

Model: Student, Collection: English Class

創(chuàng)建一個 Collection

//定義 Model Song
var Song = Backbone.Model.extend({
    defaults: {
        name: "Not specified",
        artist: "Not specified"
    },
    initialize: function(){
        console.log("Music is the answer");
    }
});

//定義 Collection Album
var Album = Backbone.Collection.extend({
    model: Song //指定 Collection 內(nèi)的 Model 為 Song
});

var song1 = new Song({ name: "How Bizarre", artist: "OMC" });
var song2 = new Song({ name: "Sexual Healing", artist: "Marvin Gaye" });
var song3 = new Song({ name: "Talk It Over In Bed", artist: "OMC" });

var myAlbum = new Album([ song1, song2, song3]);
console.log( myAlbum.models ); // 輸出為 [song1, song2, song3]

Backbone 的 Collection 概念比較簡單，它只是 Model 的一個有序集合，所以對 Model 的相關(guān)操作，同樣可以對 Collection 應(yīng)用，詳細(xì)可以閱讀《認(rèn)識 Backbone（一） : 什么是 Model》一篇。

參考

http://backbonetutorials.com/what-is-a-collection/

云服務(wù)器 GPU云服務(wù)器 Collection Backbone backbone.js collection接口

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/78063.html

相關(guān)文章

基于 Backbone + node 的個人簡歷生成器（個人學(xué)習(xí)總結(jié)）

摘要：應(yīng)用的功能這個應(yīng)用是一個個人簡歷生成器。比較好的教程有這一個。這樣的命名污染問題自然顯而易見。而且發(fā)出多次請求也會影響性能。明顯不利于維護(hù)。然而我希望能夠不發(fā)生變化，因為是在文件的前提下的標(biāo)簽頁，不能換一個標(biāo)簽就重建一個。為什么學(xué)習(xí)backbone？這是個好問題。在這個前端框架爆炸的年代，比起backbone，對開發(fā)來說有更多更好的選擇，react，vue，angular等等。但這些...

lansheng228 2019-08-20 10:24 評論0 收藏0
Backbone 源碼解讀（一）

1. 開場 1.1 MVC？ MVC是一種GUI軟件的一種架構(gòu)模式。它的目的是將軟件的數(shù)據(jù)層（Model）和視圖（view）分開。Model連接數(shù)據(jù)庫，實現(xiàn)數(shù)據(jù)的交互。用戶不能直接和數(shù)據(jù)打交道，而是需要通過操作視圖，然后通過controller對事件作出響應(yīng)，最后才得以改變數(shù)據(jù)。最后數(shù)據(jù)改變，通過觀察者模式更新view。（所以在這里需要用到設(shè)計模式中的觀察者模式） 1.2 Smalltalk-80...

Kosmos 2019-08-20 10:25 評論0 收藏0
backbone源碼解讀

摘要：個人認(rèn)為，讀懂老牌框架的源代碼比會用流行框架的要有用的多。另外，源代碼中所有的以開頭的方法，可以認(rèn)為是私有方法，是沒有必要直接使用的，也不建議用戶覆蓋。寫在前面 backbone是我兩年多前入門前端的時候接觸到的第一個框架，當(dāng)初被backbone的強(qiáng)大功能所吸引(當(dāng)然的確比裸寫js要好得多)，雖然現(xiàn)在backbone并不算最主流的前端框架了，但是，它里面大量設(shè)計模式的靈活運用，以及令...

Kross 2019-08-20 14:08 評論0 收藏0
backbone源碼解讀

摘要：個人認(rèn)為，讀懂老牌框架的源代碼比會用流行框架的要有用的多。另外，源代碼中所有的以開頭的方法，可以認(rèn)為是私有方法，是沒有必要直接使用的，也不建議用戶覆蓋。寫在前面 backbone是我兩年多前入門前端的時候接觸到的第一個框架，當(dāng)初被backbone的強(qiáng)大功能所吸引(當(dāng)然的確比裸寫js要好得多)，雖然現(xiàn)在backbone并不算最主流的前端框架了，但是，它里面大量設(shè)計模式的靈活運用，以及令...

wangxinarhat 2019-08-01 16:15 評論0 收藏0
Backbone使用總結(jié)

摘要：原文使用總結(jié)事件模型及其原理就是事件實現(xiàn)的核心，它可以讓對象擁有事件能力對象通過偵聽其他對象，通過觸發(fā)事件?？梢悦撾x的，在自定義的對象上使用事件執(zhí)行結(jié)果的和等核心類，都是繼承自的。在內(nèi)部使用事件基類的完成這個動作。開始在項目中大規(guī)模使用backbone，一路磕磕碰碰，邊做邊學(xué)習(xí)邊體會，有一些心得和體會，記錄在本文中。原文：Backbone使用總結(jié) 事件模型及其原理 Backbon...

gotham 2019-08-26 11:29 評論0 收藏0