JavaScript (занятие 8)

1.

JAVASCRIPT
Занятие 8

2.

Модули позволяют структурировать код
Модули
EXPORT/IMPORT синтаксис появился в ES6
moduleOne.js
moduleTwo.js
export …
import …
Модули позволяют избегать дублирования
блоков кода

3.

Export / Import
Названия переменных при
export default могут не совпадать

4.

Export / Import

5.

Несколько экспортов
Можно переименовывать
переменные

6.

Правила работы с модулями
1. Модули должны быть одноцелевыми
2. Располагайте все export инструкции внизу файла
3. Располагайте все import инструкции сверху файла
4. По-возможности используйте export default

7.

Как используются модули в React
После установке node.js на компьютере установились программы npm. С их помощью
можно устанавливать внешние пакеты в приложении.
Команда npx позволяет запускать однократно npm пакеты.
Команда создания нового react приложения – npx create-react-app my-app (С помощью
npm пакета create-react-app создаcт новое react приложении в папке my-app)

8.

Как используются модули в React

9.

Классы и прототипы

10.

Синтаксис классов появился в ES6
class …
Классы позволяют создавать прототипы для объектов
На основании прототипов создаются экземпляры. Все
экземпляры будут независимы друг от друга и могут иметь свои
свойства и методы.
Экземпляры наследуют свойства и методы прототипов
В JS понятие класса – это синтаксическая надстройка
над функциями и объектами

11.

КЛАСС
Экземпляры класса в JS
создаются вызовом функции
Переменная this указывает на
экземпляр класса

12.

Наследование по цепочке
Собственные свойства объекта
Унаследованные методы от класса Comment
Другие унаследованные методы от класса Object

13.

Цепочка прототипов

14.

Вызов методов
Методы можно вызывать
многократно

15.

Проверка принадлежности свойств
экземпляру объекта

16.

Статические методы
Статический метод не наследуется
экземплярами класса Comment
Статический метод будет доступен только
классу Comment, как свойство

17.

Расширение других классов

18.

Прототип

19.

Строки и числа ведут себя как объекты