Constructor es la función utilizada por Backbone.js para configurar su estructura. Si queremos anular el constructor, lo que le permite reemplazar la función constructora real para su modelo.
Sintaxis:
new Model( attributes, options );
Propiedades:
- atributos: este atributo define las propiedades de un modelo al crear una instancia de un modelo.
- opciones: estas son las opciones que se utilizan con los atributos cuando se crea un modelo.
Ejemplo 1: En este ejemplo, veremos cómo crear nuestro constructor personalizado que agregará algunos atributos y propiedades al Modelo.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS Model constructor</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.2.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS Model constructor</h3>
<script type="text/javascript">
var car = Backbone.Model.extend({
constructor: function () {
Backbone.Model.apply(this, arguments);
document.write("this is written "
+ "by custom construtor <br>");
this.set("color", 'white');
},
print: function () {
document.write("Brand : " + this.get('Name'),
"<br>Color : " + this.get('color'),
"<br>Gear : " + this.get('gear'));
},
});
var audi = new car({
Name: "Audi",
color: "Black",
gear: 4,
wheel: 4
});
audi.print();
</script>
</body>
</html>
Aquí, en el código anterior, Backbone.Model.apply(this, arguments) se usa para agregar las propiedades predeterminadas del constructor en el constructor personalizado.
Producción:
CONSTRUCTOR DE COLUMNA VERTEBRAL
Inicialización: al crear una instancia de un modelo, los atributos iniciales se pasan al modelo que se establece en el modelo. Initialize es una función a la que llama el constructor cuando se crea la instancia del modelo. Podemos definir la función de inicialización de nuestro modelo como propiedad de inicialización.
Sintaxis:
new Model( attributes, options );
Propiedades:
- atributos: este atributo define las propiedades de un modelo al crear una instancia de un modelo.
- opciones: Estas son las opciones que se utilizan con los atributos cuando se crea el modelo.
Ejemplo 2: En este ejemplo, veremos cómo definir la función de inicialización del modelo.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS Model constructor</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.2.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS Model constructor</h3>
<script type="text/javascript">
var Geek = Backbone.Model.extend({
initialize: function () {
this.render();
},
render: function () {
document.write("Id : "
+ this.get('id'), "<br>Rank : "
+ this.get('rank'),
"<br>Total propblem solved : "
+ this.get('problem_sol'));
},
});
var geek = new Geek({
id: "100e1",
rank: "Ace",
problem_sol: 400
});
</script>
</body>
</html>
En el código anterior, la función de inicialización es llamada por la función constructora que llama a la función de representación que representará todos los detalles en la página web.
INICIALIZACIÓN DE LA RED CENTRAL
Referencia: https://backbonejs.org/#Model-constructor
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA