In this article, we will discuss the Backbone.js clone model. The Backbone.js clone is used to provide a copy from the given model. we can also copy the model to another using clone() method.
Syntax:
Backbone.Model.clone()
Note: It takes no parameters.
Example 1: In this example, we will copy the book model to the chapter model.
HTML
<!DOCTYPE html> < html > < head > type = "text/javascript" ></ script > < script src = type = "text/javascript" ></ script > < script src = 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 > |
Output:
Values in book model : {"book_name":"HTML","price":100} Values in chapters model (copied from book model) : {"book_name":"HTML","price":100}
Example 2: In this example, we will copy the book model to again the book model.
HTML
<!DOCTYPE html> < html > < head > < script src = type = "text/javascript" ></ script > < script src = type = "text/javascript" ></ script > < script src = 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 > |
Output:
Values in book model : {"book_name":"css"} Values in book model (copied from book model) : {"book_name":"css"}
Reference: https://backbonejs.org/#Model-clone