Saturday, July 12, 2025
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

Dominic
32132 POSTS0 COMMENTS
Milvus
67 POSTS0 COMMENTS
Nango Kala
6516 POSTS0 COMMENTS
Nicole Veronica
11663 POSTS0 COMMENTS
Nokonwaba Nkukhwana
11720 POSTS0 COMMENTS
Shaida Kate Naidoo
6608 POSTS0 COMMENTS
Ted Musemwa
6873 POSTS0 COMMENTS
Thapelo Manthata
6570 POSTS0 COMMENTS
Umr Jansen
6561 POSTS0 COMMENTS