Базовый пример использования модулей и классов в javascript

Опубликовано admin - сб, 12/26/2020 - 19:54

модули и классы в javascript export import classTraceurВновь разрабатываемый стандарт javascript ES6 содержит новые методы предоставляющие возможность работать с классами и модулями. В данном примере будет рассмотрен простой пример использования классов в javascript, их экспорта, импорта и тд.   

Возможно в будущем вместо библиотеки Traceur данная возможность в javascript будет установлена по умолчанию.   

Встроенные модули в javascript являются частью стандарта ES6. Однако для использования необходим использовать внешние библиотеки, например  в нашем случае это Traceur.

Чтобы обеспечить функциональные возможности для работы с модулями и классами, в стандарт ES6 были введены следующие ключевые слова:

  • export для доступа к определенным идентификаторам за границами области модуля;
  • import для импорта экспортированных сущностей модулей.

Скрипт Greeter.js в нём содержится класс Greeter и функция greetnew:

Как видно синтаксис экспорта и импорта достаточно прост, однако в не немало  особенностей которые мы рассмотрим далее.

Строки export default class Greeter импортируют класс по умолчанию. При этом, сохраняется возможность экспортировать и дополнительные функции из файла Greeter.js.

Классы стали поддерживать конструктор встроенный метод определяемы как constructor. Функции greet и assert являются вспомогательными. 

При этом в последней строке показано как создавать алиас для экпортируемой функции или класса.

Traceur позволяет использовать новые функции стандарта ES6 до их появления и браузерах по умолчанию. 

В дополнение к изложенному, данные возможности предоставляют такие библиотеки как babel.js и Typescript.

Взаимосвязанные материалы

На разработку сайта! Скидки до 20%!