Узнайте, как создавать классы в JavaScript

Узнайте, как создавать классы в JavaScript

В 2015 году была выпущена версия языка программирования JavaScript ES6. В этом выпуске были внесены некоторые важные обновления в язык и официально помещен в категорию объектно-ориентированного языка программирования среди других языков, таких как Java и C ++.





Объектно-ориентированное программирование фокусируется на объектах и ​​операциях, которые могут выполняться с ними. Однако, прежде чем вы сможете иметь какие-либо объекты, вам понадобится класс.



как проверить, не взломали ли ваш фейсбук

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





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

Структура классов JavaScript

При создании класса в JavaScript всегда требуется один фундаментальный компонент: класс ключевое слово. Почти все остальные аспекты класса JavaScript не требуются для его успешного выполнения.



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

В класс ключевое слово (которое всегда должно быть в нижнем регистре) необходимо в структуре классов JavaScript. В следующем примере представлен общий синтаксис класса JavaScript. Синтаксис класса JavaScript ниже:



class ClassName{
//class body
}

Создание класса в JavaScript

В программировании класс можно рассматривать как обобщенную сущность, которая используется для создания специализированного объекта. Например, в школьной среде обобщенной сущностью (классом) могут быть учащиеся, а объектом учащихся может быть Джон Браун. Но прежде чем создавать объект, вам необходимо знать данные, которые он будет хранить, и именно здесь в игру вступают конструкторы JavaScript.

Использование конструкторов в классах JavaScript

Конструктор жизненно важен для процесса создания класса по нескольким причинам; он инициализирует состояние объекта (через его атрибуты) и вызывается автоматически, когда создается новый объект (определяется и создается).



Использование примера конструктора

Ниже вы увидите пример конструктора с объяснением его значения.

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
}

Приведенный выше код представляет важный аспект конструктора класса JavaScript; в отличие от других языков, таких как Java и C ++, конструктор JavaScript не использует имя класса для создания конструктора. Он использует строитель ключевое слово, как вы можете видеть в примере выше.

Связанный: Узнайте, как создавать классы на Java

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

Тогда каждый построенный дом можно рассматривать как объект этого класса. Хотя каждый из этих домов создан по одному и тому же проекту, их можно отличить по своему географическому положению или людям, которым они принадлежат.

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

Создание объекта в JavaScript

Конструкторы важны в таком языке, как JavaScript, потому что они обозначают количество атрибутов, которые должен иметь объект определенного класса. Некоторые языки требуют, чтобы атрибут (переменная) был объявлен до того, как его можно будет использовать в конструкторе или любых других методах. Однако это не относится к JavaScript.

Связанный: Как объявлять переменные в JavaScript

Глядя на конструктор класса ученика выше, вы можете заметить, что объект этого класса будет иметь три атрибута.

Создание примера объекта

Ниже вы увидите пример создания объекта в JavaScript.

//create a new object
const john = new Student('John', 'Brown', '2018');

В приведенном выше коде используется Ученик класс для создания объекта.

При создании объекта класса нужно использовать новый ключевое слово, за которым следует имя класса и значения, которые вы хотите присвоить соответствующим атрибутам. Теперь у вас есть новый ученик с именем Джон, фамилией Браун и датой начала обучения 2018. У вас также есть постоянная переменная: Джон. Эта переменная важна, поскольку позволяет использовать созданный объект.

Без Джон переменную, вы по-прежнему сможете создать новый объект, используя Ученик class, но тогда не будет возможности получить доступ к этому объекту и использовать его с различными методами класса.

Использование методов в классах JavaScript

Метод - это функция класса, которая используется для выполнения операций с объектами, созданными из класса. Хороший способ добавить в класс учащихся - создать отчет по каждому учащемуся.

Пример создания методов класса

Ниже приведен пример создания методов класса в JavaScript.

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
}

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

Благодаря приведенному выше примеру создания объекта у вас должен быть объект Ученик класс, который присваивается переменной Джон . С использованием Джон , теперь вы можете успешно позвонить отчет() метод.

Пример использования методов класса

Ниже приведен пример использования методов класса в JavaScript.

//create a new object
const john = new Student('John', 'Brown', '2018');
//calling the report method and storing its result in a variable
let result = john.report();
//printing the result to the console
console.log(result);

В приведенном выше коде используется Студенты class для вывода в консоли следующего вывода:

John Brown started attending this institution in 2018

Использование статических методов в классах JavaScript

Статические методы уникальны, потому что это единственные методы в классе JavaScript, которые можно использовать без объекта.

В приведенном выше примере вы не можете использовать отчет() метод без объекта класса. Это потому, что отчет() Метод полагается на атрибуты объекта для получения желаемого результата. Однако для использования статического метода вам понадобится только имя класса, в котором хранится метод.

Пример создания статического метода

Ниже приведен пример статического метода для JavaScript.

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
//static method
static endDate(startDate){
return startDate + 4;
}
}

Из приведенного выше примера важно отметить, что каждый статический метод начинается с статический ключевое слово.

Пример использования статического метода

Ниже приведен пример использования статического метода в JavaScript.

//calling a static method and printing its result to the console
console.log(Student.endDate(2018));

В приведенной выше строке кода используется Студенты class для вывода в консоли следующего вывода:

2022

Создать класс JavaScript легко

Есть несколько вещей, которые вам нужно запомнить, если вы хотите создать класс JavaScript и создать из него один или несколько объектов:

  • Класс JavaScript должен иметь класс ключевое слово.
  • Конструктор JavaScript указывает количество значений, которые может иметь объект.
  • Методы общего класса нельзя использовать без объекта.
  • Статические методы можно использовать без объекта.

В консоль . бревно() в этой статье используется для получения результатов использования как общих, так и статических методов в классе JavaScript. Этот метод является полезным инструментом для любого разработчика JavaScript, поскольку он помогает в процессе отладки.

Ознакомьтесь с console.log () Метод - одна из самых важных вещей, которую вы можете сделать как разработчик JavaScript.

Делиться Делиться Твитнуть Эл. адрес Полная шпаргалка по JavaScript

Получите быстрое освежение элементов JavaScript с помощью этой шпаргалки.

Читать далее Похожие темы
  • Программирование
  • Программирование
  • JavaScript
  • Советы по кодированию
  • Учебники по кодированию
Об авторе Кадейша Кин(Опубликовано 21 статья)

Кадейша Кин (Kadeisha Kean) - разработчик программного обеспечения полного стека и писатель по техническим / технологическим вопросам. У нее отличная способность упрощать некоторые из самых сложных технологических концепций; производство материала, понятного любому новичку в технологии. Она увлечена писательством, разработкой интересного программного обеспечения и путешествиями по миру (с помощью документальных фильмов).

Ещё от Kadeisha Kean

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку технических советов, обзоров, бесплатных электронных книг и эксклюзивных предложений!

Нажмите здесь, чтобы подписаться