Logo

Developer learning path

JavaScript

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

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

49

#description

JavaScript является объектно-ориентированным языком программирования, что означает, что он позволяет определять классы и создавать объекты на основе этих классов.

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

Давайте рассмотрим пример создания класса "Книга":

                    
class Book {
  constructor(title, author, pages) {
    this.title = title;
    this.author = author;
    this.pages = pages;
  }

  read() {
    console.log(`Reading ${this.title} by ${this.author}`);
  }
}
                  

Здесь мы определяем класс "Book" с тремя свойствами: "title", "author" и "pages". Мы также определяем метод "read", который просто выводит сообщение в консоль о том, что мы читаем книгу.

Теперь мы можем создать объекты на основе этого класса:

                    
const book1 = new Book("The Hitchhiker's Guide to the Galaxy", "Douglas Adams", 224);
const book2 = new Book("The Catcher in the Rye", "J.D. Salinger", 277);
                  

Здесь мы создаем два объекта: "book1" и "book2". Мы используем ключевое слово "new", чтобы создать новый объект, и передаем необходимые аргументы конструктору класса.

Мы можем вызывать методы объекта, как показано ниже:

                    
book1.read(); // Выводит "Reading The Hitchhiker's Guide to the Galaxy by Douglas Adams"
book2.read(); // Выводит "Reading The Catcher in the Rye by J.D. Salinger"
                  

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

March 25, 2023

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

Если же непонятен весь вопрос, то нажмите на кнопки внизу, чтобы получить новый вариант объяснения, практические примеры или критически оценить сам вопрос.