Что такое класс JavaScript и как его использовать?

В объектно-ориентированном программировании класс - это расширяемый шаблон программного кода для создания объектов. классы можно рассматривать в первую очередь как синтаксический сахар над существующим наследованием на основе прототипов в JavaScript. В этой статье мы углубимся в классы JavaScript и узнаем, как их использовать в следующей последовательности:

• Что такое класс JavaScript?
• Как использовать класс JavaScript?
  • Определить класс
  • Определить методы
  • Расширение класса

Что такое класс JavaScript?

В JavaScript класс - это тип функции, который объявляется с ключевым словом class. Вам необходимо использовать синтаксис выражения функции для инициализации функции и синтаксис выражения класса для инициализации класса.

// Инициализация функции с помощью выражения функции const a = function () {}

// Инициализация класса выражением класса const b = class {}

В JavaScript вместо использования ключевого слова function для его запуска мы используем ключевое слово class. Кроме того, свойства назначаются внутри метода constructor ().

как использовать пакеты в java

Как использовать класс JavaScript?

Код, объявленный с помощью функция и класс возвращают функцию [[Prototype]]. С прототипами любая функция может стать экземпляром конструктора с помощью ключевого слова new. Например:

const a = class {} // Инициализируем конструктор из класса const constructorFromClass = new a () console.log (constructorFromClass)

Вывод:

конструктор {}: класс

Теперь есть три разных способа использования класса в JavaScript. Давайте подробно рассмотрим каждый метод на примере.

Определить класс

Функция-конструктор инициализируется рядом параметров, которые назначаются как свойства 'этот' , ссылаясь на саму функцию. Первая буква идентификатора по соглашению пишется с заглавной буквы.

как создать массив объектов в Java

// Инициализация конструктора функции function employee (name, empid) {this.name = name this.empid = empid}

Теперь, если мы переведем это в синтаксис класса, вы увидите, что структуры очень похожи.

// Инициализация класса определения класса employee {constructor (name, empid) {this.name = name this.empid = empid}}

Можно сказать, что ключевое слово class передается более простым способом. Единственная разница в синтаксисе инициализации заключается в использовании ключевого слова class вместо функции. Кроме того, он назначает свойства внутри метода constructor ().

Определить методы

Еще одна распространенная практика с функциями конструктора - присвоить методы непосредственно к прототипу, а не при инициализации. Мы возьмем пример и посмотрим, как это работает:

function employee (name, empid) {this.name = name this.empid = empid} // Добавление метода в конструктор employee.prototype.greet = function () {return `$ {this.name} говорит привет.`}

Когда вы пишете один и тот же код с классом, он упрощается, и метод добавляется напрямую.

class employee {constructor (name, empid) {this.name = name this.empid = empid} // Добавление метода в конструктор greet () {return `$ {this.name} говорит привет.`}}

Хотя классы допускают более простой и сжатый синтаксис, иногда вам, возможно, придется пойти на компромисс с ясностью в процессе.

Расширение класса

Преимущество функций и классов конструкторов состоит в том, что они могут быть расширены в новые схемы объектов на основе родительского объекта. Это помогает предотвратить повторение кода для объектов, которые похожи, но нуждаются в некоторых дополнительных или более специфических функциях.

повернуть и развернуть в sql

Новые функции конструктора могут быть созданы из родительского элемента с помощью метода call (). Например:

// Создание нового конструктора из родительской функции info (name, empid, salary) {// Цепочка конструктора с вызовом employee.call (this, name, empid) this.salary = salary}

Теперь, когда мы пишем тот же код с использованием класса, ключевое слово super используется вместо вызова для доступа к родительским функциям.

// Создание нового класса из информации о родительском классе extends employee {constructor (name, empid, salary) {// Цепочка конструктора с super super (name, empid) // Добавляем новое свойство this.salary = salary}}

Классы предоставляют более лаконичный способ создания объект blueprints и функции-конструкторы более конкретно описывают то, что происходит под капотом.

На этом мы подошли к концу нашей статьи. Надеюсь, вы поняли, как использовать класс JavaScript.

Теперь, когда вы знаете о классе JavaScript, ознакомьтесь с пользователя Edureka. Курс по сертификации веб-разработки поможет вам научиться создавать впечатляющие веб-сайты с помощью HTML5, CSS3, Twitter Bootstrap 3, jQuery и API Google и развертывать их в Amazon Simple Storage Service (S3).

Есть вопрос к нам? Пожалуйста, укажите это в разделе комментариев «Класс JavaScript», и мы свяжемся с вами.