Модель Backbone.js по умолчанию

Опубликовано: 6 Октября, 2022

Модель Backbone.js по умолчанию — это хеш-функция, которая используется для указания атрибутов по умолчанию для Модели. Он используется, когда мы создаем экземпляр модели, и мы не указали какой-либо атрибут, тогда используются атрибуты по умолчанию.

Синтаксис:

Backbone.model.defaults; 

Параметры: принимает параметры по умолчанию, которые должны быть у всех моделей.

Использование ссылки CDN. Сеть доставки контента — это сеть, которая обслуживает файлы для пользователей. Вот CDN для Backbone.js

<script src= “https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js” type=”text/javascript”> </script>

Пример 1: В этом примере мы проиллюстрируем значения по умолчанию и увидим, что все экземпляры имеют общие значения, если атрибуты не указаны.

HTML




<!DOCTYPE html>
<html>
  
<head>
    <title>BackboneJS Model defaults</title>
        type="text/javascript">
    </script>
    <script src=
        type="text/javascript">
    </script>
    <script src=
        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>

Выход:

Пример 2: В этом примере мы увидим изменения в атрибутах значений по умолчанию с указанными пользователем значениями.

HTML




<!DOCTYPE html>
<html>
  
<head>
    <title>BackboneJS Model defaults</title>
        type="text/javascript">
    </script>
    <script src=
        type="text/javascript">
    </script>
    <script src=
        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>

Выход:

Ссылка: https://backbonejs.org/#Model-defaults