Friday, September 27, 2024
Google search engine
HomeLanguagesJavascriptBackbone.js clone Model

Backbone.js clone Model

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

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!

RELATED ARTICLES

Most Popular

Recent Comments