4-es6-syntax-class

4 - Использование ES6 синтактиса и классов

• Создайте новый файл, src/dog.js, содержащий сделующий ES6 класс:

class Dog {
  constructor(name) {
    this.name = name;
  }

  bark() {
    return `Wah wah, I am ${this.name}`;
  }
}

module.exports = Dog;

Это не должно вас смущать, если вы сталкивались с ООП в любом другом языке программирования, хотя в JavaScript классы появились относительно недавно. Класс взаимодействует с окружающим миром, путем определения module.exports.

Обычно в ES6 коде присутствуют классы, const и let, "шаблонные строки" (в обратных кавычках) как в функции bark() и стрелочные функции ((param) => { console.log('Hi'); }), хотя мы их не используем в нашем примере.

В src/index.js, напишите следующее:

const Dog = require('./dog');

const toby = new Dog('Toby');

console.log(toby.bark());

Как вы можете видеть в отличие от community-made пакета color, который мы использовали ранее, когда мы подключаем один из наших файлов, мы используем ./ в require().

• Запустите yarn start и должно отобразиться 'Wah wah, I am Toby'.

• Посмотрите на код сгенерированный в директории lib, чтобы увидеть как он выглядит в скомпилированном виде (var вместо const, например).

Следующий раздел: 5 - Синтаксис модулей ES6

Назад в предыдущий раздел или Содержание.