En este artículo, analizaremos el modelo de clonación de Backbone.js. El clon de Backbone.js se usa para proporcionar una copia del modelo dado. también podemos copiar el modelo a otro usando el método clone().
Sintaxis:
Backbone.Model.clone()
Nota: No toma parámetros.
Ejemplo 1: En este ejemplo, copiaremos el modelo de libro al modelo de capítulo.
HTML
<!DOCTYPE html>
<html>
<head>
<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>
<script type="text/javascript">
var Books = Backbone.Model.extend();
var book = new Books({ book_name: "HTML", price: 100 });
document.write("Values in book model : ",
JSON.stringify(book));
document.write("<br>");
// Copy details to chapters using clone() method
var chapters = book.clone();
document.write();
document.write(
"Values in chapters model (copied from book model) : ",
JSON.stringify(chapters));
</script>
</head>
<body></body>
</html>
Producción:
Values in book model : {"book_name":"HTML","price":100}
Values in chapters model (copied from book model) :
{"book_name":"HTML","price":100}
Ejemplo 2: En este ejemplo, copiaremos el modelo de libro nuevamente al modelo de libro.
HTML
<!DOCTYPE html>
<html>
<head>
<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>
<script type="text/javascript">
var Books = Backbone.Model.extend();
var book = new Books({ book_name: "css" });
document.write("Values in book model : ",
JSON.stringify(book));
document.write("<br>");
// Copy details to book again using clone() method
var book = book.clone();
document.write();
document.write(
"Values in book model (copied from book model) : ",
JSON.stringify(book));
</script>
</head>
<body></body>
</html>
Producción:
Values in book model : {"book_name":"css"}
Values in book model (copied from book model)
: {"book_name":"css"}
Referencia: https://backbonejs.org/#Model-clone
Publicación traducida automáticamente
Artículo escrito por 171fa07058 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA