Средний
30 уроков
(5 часов 6 минут)
Курс
Backbone.js
Видеокурс, который познакомит вас с Backbone.js. Данная библиотека придает структуру веб-приложениям.
Содержание

#3 — Модель и данные в javascript.

В этом скринкасте мы рассмотрим понятие моделей.

Приветствую! Модель — это класс (в javascript — функция-конструктор), цель которого хранить интерактивные данные, а так же осуществлять соответствующую логику. Конвертация, валидация, контроль доступа. Все это к моделям.

Итак, сегодня мы напишем модель на нативном js (vanilla js).

Начнем с базовой верстки и подключения файла main.js

Перейдем в main.js и напишем свою первую модель. Это будет модель человека — персоны. Напишем соответствующую функцию конструктор и укажем ей ожидаемый параметр — объект config, содержащий в себе данные имени, возраста и работы персоны.

Теперь создадим экземпляр модели — nick и передадим ей в качестве аргумента объект (он же config) , в котором укажем все необходимые данные.

Проверим в браузере…ура! Объект создан!

А как же с функциями? И к тому же функциями, которые необходимы в каждом новом объекте ?

Чтобы создать такую функцию, необходимо добавить ее в прототип модели. Таким образом, она будет доступна для любого созданного объекта. Используем нативное свойство каждого объекта — свойство prototype. Опишем в функции действие, которое умеет делать большинство людей и так редко, за день, делают многие программисты — ходьба. Наша функция walk, возвращает имя созданного объекта и конкатенирует со строкой ‘is walking’.

Результат, не заставляет себя ждать. Nick is walking.

Ну что же, сегодня мы рассмотрели понятие модели. Узнали как создавать ее на голом javascript. А так же поняли, что функции или свойства, которые должны быть в каждом созданном объекте следует добавлять к прототипу модели.

Надеюсь вам понравилось. В следующем уроке Дмитрий расскажет вам, как делать тоже самое, но уже на Backbone. Будет интересно! Оставайтесь с нами!

Материалы к уроку:
Делись:

Оставь комментарий!

6 thoughts on “#3 — Модель и данные в javascript.

  1. Спасибо большое за уроки… все просто и понятно.

  2. Dmitriy Medved:

    Хорошие уроки! Большое спасибо! Давно хотел начать разбираться с backbone.js

  3. Алексей:

    Пока все нравиться спасибо за уроки

  4. Railsmonster:

    Отличный урок парни)
    Большое спасибо за Ваш труд )

  5. Станислав:

    У меня вопрос по методу .walk(), почему мы не можем написать функцию непосредственно в конструкторе?

Добавить комментарий

Рекомендуемые курсы