Шаблоны создания экземпляров в JavaScript
Шаблон создания экземпляра в JavaScript - это способ создания объекта с помощью функций. Существует пять шаблонов создания экземпляров: Функциональный, Общий функциональный, Прототипный, Псевдоклассический и ES6 .
Функциональный образец экземпляра
Функциональный шаблон создания экземпляра - это самый простой шаблон для реализации. Вот пример того, как создать функциональный паттерн:
Здесь мы видим, что внутри функции создается объект. Впоследствии к этому объекту могут быть добавлены ключи и методы. Все это делается в рамках этой функции, и в конце возвращается объект.
Функционально-общий шаблон создания
Шаблон создания экземпляра с общим доступом к функциям - лучший метод, чем функциональный шаблон. Это лучше, потому что функциональный объект дублирует методы в памяти каждый раз, когда создается новый объект, что не является предпочтительным, а функциональный общий доступ разделяет методы между всеми объектами, что позволяет помещать методы в память только один раз. Вот пример того, как создать функционально-общий шаблон:
Здесь мы видим, что вместо создания методов внутри функции методы находятся в собственном объекте, который добавляется к объекту функции с помощью метода extension. Таким образом, теперь методы будут совместно использоваться всеми объектами, созданными с помощью объекта методов.
Образец прототипа экземпляра
Шаблон Prototypal Instantiation использует Object.create () для создания нового объекта. Это позволит использовать прототипную цепочку. Вот пример того, как создать прототип шаблона:
Здесь мы видим, что объект был создан с помощью Object.create и переданы методы объекта. Таким образом, методы прикрепляются к прототипу объекта.
Псевдоклассический образец экземпляра
Псевдоклассический шаблон создания экземпляров использует прототипную цепочку, как и прототипный шаблон. Вместо использования Object.create () для создания нового объекта псевдоклассический шаблон использует ключевое слово «new» вместе с ключевым словом «this» для создания нового объекта. Здесь мы видим, как объект создается с использованием псевдоклассического шаблона:
Здесь мы видим, что единственное, что находится в области видимости функции, - это ключи для объекта. Ключи добавляются к объекту с ключевым словом this. Поэтому, когда мы создаем новый экземпляр объекта, для создания этого объекта используется ключевое слово «новый». При создании методов используется слово прототип, потому что методы привязываются к прототипу объекта.
Шаблон создания экземпляра ES6
В шаблоне создания экземпляра ES6 используется ключевое слово «класс» вместо того, чтобы создавать объект с помощью обычной функции. Затем он становится функцией-конструктором, когда внутри него выполняется функция-конструктор. Методы объекта также реализованы в рамках класса. Здесь мы видим, как создается объект с использованием шаблона ES6.
Здесь мы видим, что ES6 очень похож на псевдоклассическое создание экземпляров, за исключением того факта, что ES6 использует классы вместо использования слова «функция» и имеет функцию-конструктор, которая превращает его в конструктор. Также он не использует слово прототип в своей реализации.
Заключение
Мы рассмотрели все шаблоны создания экземпляров в JavaScript.
