Backbone.js - Modelos

O modelo é a base da estrutura da nossa aplicação, no caso de Backbone.js, o modelo representará uma abstração do que queremos capturar em nossa página.
Para isso temos uma estrutura que contém atributos e cada um deles conterá valores diferentes, para que possamos formar objetos individuais que compartilham uma base comum.
Em Backbone.js Para trabalhar com esses objetos e usar seus atributos, temos dois métodos principais, o obter e ele definir, a primeira nos ajuda a obter o valor já declarado e a segunda a estabelecer esse valor.
Estrutura do modelo
A estrutura para criar um modelo em Backbone.js é bastante simples, a primeira coisa que devemos fazer é definir uma variável que será aquela que conterá a definição do modelo, esta definição é dada fazendo um instância do Backbone.Model.extend.
LembrarLembre-se de que devemos ter um HTML com a biblioteca Backbone.js incluído para que possamos executar os exemplos no Console de desenvolvedor do Chrome.
Vamos ver um exemplo em que o código que nosso HTML deve ter deve ser semelhante a este:

 Título 

Vamos ver o código correspondente na imagem a seguir:

Como observamos, primeiro declaramos nosso modelo, depois o instanciamos e finalmente imprimimos seu conteúdo, mas neste caso ele está vazio porque ainda não incorporamos nada nele.
Método Set ()
Com ele método set () Podemos incorporar os dados correspondentes ao nosso modelo, mas para isso vamos primeiro incorporar os valores iniciais das nossas instâncias, desta forma teremos uma estrutura à qual atribuir os valores correspondentes.
Vamos ver como podemos criar um modelo com dados iniciais e, em seguida, fazemos um definir() para atribuir um valor:

Como podemos ver, isso nos deu um pouco mais de trabalho e código, mas ao estabelecer a estrutura no modelo, nossas instâncias automaticamente o possuem e quando fazemos o definir() podemos dar a cada atributo um valor.
Método Get ()
Como nem sempre precisaremos imprimir todo o conteúdo de um objeto, provavelmente precisaremos apenas de um ou dois atributos dependendo da situação, temos o método get (), este método nos permite obter o valor do atributo.
Para usar o método get () vamos simplesmente fazer sua chamada a partir da instância e como parâmetro vamos passar o atributo que queremos obter.
Vamos ver um exemplo disso na imagem a seguir:

Aqui podemos ver duas coisas, a primeira é a operação de nosso método get (), Obtivemos o valor do atributo content do modelo e o segundo é que podemos manter uma persistência do que estamos fazendo em nosso console, isso é muito importante, pois é o que nos permite fazer os testes correspondentes que temos visto .
No final deste tutorial, podemos ver como criar um modelo em Backbone.js bem como os diferentes métodos que nos permitem tratá-lo em nosso aplicativo.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo