El modelo predeterminado de Backbone.js es un hash de función que se utiliza para especificar los atributos predeterminados para el modelo. Se usa cuando creamos una instancia del modelo y no especificamos ningún atributo, entonces se usan los atributos predeterminados.
Sintaxis:
Backbone.model.defaults;
Parámetros: Toma los parámetros por defecto que deben tener todos los modelos.
Uso del enlace CDN: una red de entrega de contenido es una red que entrega archivos a los usuarios. Aquí están los CDN para Backbone.js
<script src= “https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js” type=”text/javascript”> </script>
Ejemplo 1: En este ejemplo, ilustraremos los valores predeterminados y veremos que todas las instancias tienen elementos comunes si no se especifican los atributos.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS Model defaults</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 defaults</h3>
<script type="text/javascript">
var Geek = Backbone.Model.extend({
defaults: {
"id": -1,
"Name": "Anonanymous",
}
});;
var geek = new Geek();
var geek2 = new Geek();
// First instance of Geek
document.write(JSON.stringify(geek), '<br>')
// Second instance of Geek
document.write(JSON.stringify(geek2))
</script>
</body>
</html>
Producción:
modelo predeterminado
Ejemplo 2: En este ejemplo, veremos cambios en los atributos de valores predeterminados con valores especificados por el usuario.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS Model defaults</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 defaults</h3>
<script type="text/javascript">
var Geek = Backbone.Model.extend({
defaults: {
"id": -1,
"Name": "Anonanymous",
}
});
var geek = new Geek();
// First instance of Geek
document.write("Attributes of first instance : "
+ JSON.stringify(geek) +'<br>')
// Second instance of Geek
var geek2 = new Geek({ "id": 1 });
document.write("Attributes of second instance : "
+ JSON.stringify(geek2) + '<br>')
// Third instance of Geek
var geek2 = new Geek({ "id": 2, "Name": "zetshu" });
document.write("Attributes of Third instance : "
+ JSON.stringify(geek2))
</script>
</body>
</html>
Producción:
modelo predeterminado
Referencia: https://backbonejs.org/#Model-defaults
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA