El modelo de extensión de Backbone.js se usa para extender la clase de modelo de la red troncal en la que podemos crear nuestro propio modelo. También facilita las propiedades de instancia y las propiedades de clase opcionales que se adjuntan directamente a la función constructora del modelo. El método Extend del modelo crea una string de prototipos, por lo que la subclase creada con extender puede extenderse y dividirse en subclases tanto como desee.
Sintaxis:
Backbone.Model.extend( Properties, classProperties );
Parámetros: Acepta dos parámetros que se describen a continuación:
- Parámetros: este parámetro proporciona las propiedades de la instancia para la clase de colección especificada.
- classProperties: esta propiedad de clase se adjunta a la función constructora de la colección.
Ejemplo 1: en este ejemplo, extenderemos un modelo con algunos valores predeterminados.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS Model extend</title>
<script src=
"https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript">
</script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
type="text/javascript">
</script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS Model extend</h3>
<script type="text/javascript">
var model = Backbone.Model.extend({
defaults: {
id: 1,
name: 'Geeks'
},
});
var temp = new model();
document.write(JSON.stringify(temp));
</script>
</body>
</html>
Producción:
Columna vertebral.Modelo.extender()
Ejemplo 2: En este ejemplo, haremos una string de funciones de extensión y veremos las propiedades de cada objeto. El método Extend del modelo crea una string de prototipos, por lo que la subclase creada con extender puede extenderse y dividirse en subclases tanto como desee.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS Model extend</title>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"
type="text/javascript">
</script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
type="text/javascript">
</script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS Model extend chaining</h3>
<script type="text/javascript">
var model = Backbone.Model.extend({
defaults: {
id: -1,
name: 'Geeks'
},
});
var temp = new model();
document.write(JSON.stringify(temp));
var model2 = model.extend({
initialize: function () {
document.write(
"<br> This function is extend by second extend");
},
});
var temp2 = new model2({ id: 2, name: 'cody' });
document.write("<br>", JSON.stringify(temp2));
</script>
</body>
</html>
Producción:
Model.extend() enstringmiento
Referencia: https://backbonejs.org/#Model-extend
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA