Прототипное наследование: Прототипное наследование

  класс Животное {}  

Мы уже использовали объявление class , когда писали версию ES6 функции конструктора Animal :

  class Animal {
      конструктор (имя, яростный) {
        это._name = имя;
        this._fierce = жестокий;
      }
      }  

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

Безымянное выражение класса пропускает имя после ключевого слова class :

 
    let animal = class {}  

Выражение именованного класса, с другой стороны, включает имя:

 
    let animal = class Animal {}  

При сравнении конструктора объекта с классом ES6 стоит отметить, что в отличие от конструктора объекта, к которому можно получить доступ до определения его области действия из-за подъема, класс не может и не поднимается.

Хотя это может показаться серьезным ограничением для классов ES6 , это не обязательно; Хорошая практика ES6 требует, чтобы, если какая-либо функция должна изменять экземпляр класса, она могла быть определена в любом месте программы, но должна вызываться только после того, как был определен сам класс .

После определения класса с помощью любого из двух указанных методов фигурные скобки {} должны содержать члены класса, такие как переменные экземпляра, методы или конструктор; код в фигурных скобках составляет тело класса.

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

С классом может быть связан только один метод конструктора, поэтому будьте осторожны, чтобы не определять несколько методов конструктора, поскольку это приведет к ошибке SyntaxError.Ключевое слово super можно использовать в конструкторе объекта для вызова конструктора его суперкласса.

  class Animal {
  конструктор (имя, яростный) {
    this._name = имя;
    this._fierce = жестокий;
  }
}  

Код в теле класса выполняется в строгом режиме.

Определение методов

Тело класса обычно содержит переменные экземпляра для определения состояния экземпляра класса и методы прототипа для определения поведения экземпляра этого класса.До ES6 , если нам нужно было определить метод для функции-конструктора, мы могли бы сделать это так:

 
function Animal (имя, яростный) {
  Object.defineProperty (this, 'name', {
    получить: функция () {возвращаемое имя; }
  });

  Object.defineProperty (this, 'жестокий', {
    получить: функция () {ожесточенный возврат; }
  });
}

Animal.prototype.toString = function () {
  return 'A' + '' + (this.fierce? 'fierce': 'tame') + '' + this.name;
}  

или

  function Animal (имя, свирепый) {
      Объект.defineProperty (this, 'name', {
        получить: функция () {возвращаемое имя; }
      });

      Object.defineProperty (this, 'жестокий', {
        получить: функция () {ожесточенный возврат; }
      });

      this.toString = function () {
        return 'A' + '' + (this.fierce? 'fierce': 'tame') + '' + this.name;
      }
    }  

Два разных метода, которые мы определили выше, называются методами прототипа и могут быть вызваны экземпляром класса. В ES6 мы можем определить два типа методов: прототип и статические методы.Определение метода прототипа в ES6 очень похоже на то, что мы описали выше, за исключением того, что синтаксис чище (мы не включаем свойство prototype) и более читабелен:

 
class Animal {

  конструктор (имя, яростный) {
    this._name = имя;
    this._fierce = жестокий;
  }

  получить имя () {
    вернуть this._name;
  }

  get fierce () {
    return `Это животное $ {this._fierce? 'жестокий': 'приручить'} `;
  }

  нанизывать() {
 return `Это $ {this._fierce? 'свирепый': 'приручить'} $ {это._name} `;
  }

}  

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

Методы прототипа ES6 могут быть унаследованы дочерними классами для имитации объектно-ориентированного поведения в JavaScript, но под капотом функция наследования является просто функцией существующей цепочки прототипов, и мы очень скоро рассмотрим это.

Все методы ES6 не могут работать как конструкторы и выдают ошибку TypeError, если они вызываются с ключевым словом new.

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

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

Давайте определим статический служебный метод для класса Animal , который просто возвращает список животных:

 
class Animal {

  конструктор (имя, яростный) {
    this._name = имя;
    this._fierce = жестокий;
  }

  static animalExamples () {
    return `Примеры животных: лев, слон, овца, носорог и т. д.
  }

}  

Теперь мы можем вызвать метод animalExamples () для самого класса:

  консоль.журнал (Animal.animalExamples ());  

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

ES6 представил несколько знакомое ключевое слово extends , которое упрощает наследование.Подкласс может легко наследовать атрибуты базового класса, например:

 
class Animal {

  конструктор (имя, яростный) {
    this._name = имя;
    this._fierce = жестокий;
  }

  получить имя () {
    вернуть this._name;
  }

  get fierce () {
    return `Это животное $ {this._fierce? 'жестокий': 'приручить'} `;
  }

  нанизывать() {
     return `Это $ {this._fierce? 'жестокий': 'приручить'} $ {this._name} `;
  }

}


class Felidae extends Animal {

  конструктор (имя, жестокость, семья) {
    супер (имя, свирепый);
    это._family = семья;
  }

  семья() {
     return `A $ {this._name} - животное подсемейства $ {this._family} семейства $ {Felidae.name }`;
  }
}  

Мы создали здесь подкласс - Felidae (в просторечии - «кошки») - и он наследует методы класса Animal . Мы используем ключевое слово super в методе конструктора класса Felidae для вызова конструктора суперкласса (базового класса). Замечательно, давайте попробуем создать экземпляр класса Felidae и вызвать собственный метод и унаследованный метод:

  var Tiger = new Felidae («Тигр», правда, «Пантеры»);

    консоль.журнал (Tiger.toString ());

    console.log (Tiger.family ());  

Если в подклассе присутствует конструктор, он должен вызвать super () перед использованием this.

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

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

Приятно определять классы и выполнять наследование с помощью новых ключевых слов ES6 , но еще лучше понимать, как все работает на каноническом уровне. Давайте посмотрим на объекты JavaScript: все объекты JavaScript имеют частное свойство, которое указывает на второй объект (за исключением нескольких редких случаев, когда он указывает на null ), связанный с ними, этот второй объект называется прототипом .

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

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

Объекты, созданные путем вызова конструктора класса или функции конструктора, инициализируют свой прототип из свойства prototype функции конструктора. Другими словами, когда новый объект создается путем вызова new Object () , прототип этого объекта становится Object.prototype , как и любой объект, созданный из объектных литералов. Точно так же новый объект Date () будет унаследован от Date.prototype () и новый номер () из номера .prototype () .

Почти все объекты в JavaScript являются экземплярами Object , который находится на вершине цепочки прототипов.

Мы видели, что для объектов JavaScript нормально наследовать свойства от другого объекта (прототипа), но Object.prototype демонстрирует редкое поведение, когда у него нет прототипа и не наследуются какие-либо свойства (он находится в верхней части цепочка прототипов) от другого объекта.

Почти все встроенные конструкторы JavaScript наследуются от Object.prototype , поэтому мы можем сказать, что Number.prototype наследует свойства от Object.prototype . Эффект этого отношения: создание экземпляра Number в JavaScript (с использованием new Number () ) унаследует свойства как от Number.prototype , так и от Object.prototype , и это цепочка прототипов.

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

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

Давайте напишем код для четкой имитации поведения прототипного наследования в JavaScript.

Мы будем использовать метод ES5 - Object.create () - для этого примера давайте определим его:

Object.create () - это метод, который создает новый объект, используя его первый аргумент в качестве прототипа этого объекта.

  let Животные = {};

    Animals.eat = true;

    let Cat = Object.create (Животные);

    Cat.sound = true;

    пусть Лев = Объект.создать (Кот);

    Lion.roar = правда;

    console.log (Lion.roar);

    console.log (Lion.sound);

    console.log (Lion.eat);

    console.log (Lion.toString ());  

Вот словесная интерпретация того, что мы сделали выше:

• Мы создали объект Animal , который наследует свойства от Object.prototype
• Мы инициализировали Собственное свойство животных - есть - в значение true (все животные едят)
• Мы создали новый объект - Cat - и инициализировали его прототип как Animal (поэтому Cat наследует свойства от Animal и Object.прототип )
• Мы инициализировали Собственное свойство кошки - звук - в значение true (животные из семейства кошачьих издают звуки)
• Мы создали новый объект - Lion - и инициализировали его прототип как Cat (поэтому Lion наследует свойства от Cat , Animal и Object.prototype )
• Мы инициализировали Собственное свойство Lion - рев - в значение true (Lions can raw)
• Наконец, мы зарегистрировали собственные и унаследованные свойства объекта Lion , и все они вернули правильные значения, сначала выполнив поиск свойств объекта Lion , а затем перейдя к прототипам (и прототипам прототипов), где этого не было. т доступны на бывшем.

Это базовая, но точная симуляция наследования прототипов в JavaScript с использованием цепочки прототипов.

В этой статье мы рассмотрели основы классов ES6 и прототипного наследования. Надеюсь, вы узнали кое-что из этой статьи. Если у вас есть вопросы, оставьте их ниже в разделе комментариев.

Понравилась эта статья? Подпишитесь на @neoighodaro в Twitter

Прототипное наследование JavaScript

Всего несколько недель до открытия 2021 JavaScript Full-Stack Bootcamp .
Записывайтесь в лист ожидания!

JavaScript является уникальным в мире популярных языков программирования из-за использования прототипного наследования.

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

Что это значит?

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

Этот другой объект - прототип объекта .

Наш объект использует этот прототип объекта для наследования свойств и методов.

Допустим, у вас есть объект, созданный с использованием синтаксиса литерала объекта:

или созданный с помощью синтаксиса new Object :

в любом случае прототип вагон Объект :

Если вы инициализируете массив, который является объектом:

  const list = []
//или же
список констант = новый массив ()
  

прототип - Массив .

Вы можете проверить это, проверив методы Object.getPrototypeOf () и Object.prototype.isPrototypeOf () :

  const car = {}
const list = []

Object.getPrototypeOf (автомобиль) === Object.prototype
Object.prototype.isPrototypeOf (автомобиль)

Object.getPrototypeOf (список) === Array.prototype
Array.prototype.isPrototypeOf (список)
  

Все свойства и методы прототипа доступны объекту, имеющему этот прототип:

Объект.прототип является базовым прототипом всех объектов:

  Object.getPrototypeOf (Array.prototype) == Object.prototype
  

Если вам интересно, каков прототип Object.prototype, прототипа нет: это null . Это особенная снежинка ❄️.

Приведенный выше пример является примером действующей цепи прототипов .

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

Помимо использования оператора new для создания объекта или использования синтаксиса литералов для объектов и массивов, вы можете создать экземпляр объекта с помощью Object.create () .

Первым переданным аргументом является объект, используемый в качестве прототипа:

  const car = Object.create ({})
const list = Object.create (массив)
  

Обратите внимание, потому что вы можете создать экземпляр массива, используя

  const list = Object.create (Array.прототип)
  

, и в этом случае Array.isPrototypeOf (list) - false, а Array.prototype.isPrototypeOf (list) - true.

Учебный курс 2021 JavaScript Full-Stack Bootcamp начнется в конце марта 2021 года. Не упустите эту возможность, подпишитесь на лист ожидания!

Больше руководств по js:

• Чего следует избегать в JavaScript (плохие части)
• Отсрочки и обещания в JavaScript (+ Ember.js пример)
• Как загружать файлы на сервер с помощью JavaScript
• Стиль кодирования JavaScript
• Введение в массивы JavaScript
• Введение в язык программирования JavaScript
• Полное руководство по ECMAScript 2015-2019
• Понимание обещаний JavaScript
• Лексическая структура JavaScript
• Типы JavaScript
• Переменные JavaScript
• Список примеров идей веб-приложений
• Введение в функциональное программирование с помощью JavaScript
• Современный асинхронный JavaScript с асинхронностью и ожиданием
• Циклы и область действия JavaScript
• Структура данных JavaScript карты
• Заданная структура данных JavaScript
• Руководство по литералам шаблонов JavaScript
• Дорожная карта для изучения JavaScript
• Выражения JavaScript
• Откройте для себя таймеры JavaScript
• Объяснение событий JavaScript
• Циклы JavaScript
• Написание циклов JavaScript с использованием карты, фильтрации, сокращения и поиска
• Цикл событий JavaScript
• Функции JavaScript
• Глоссарий JavaScript
• Объяснение закрытий JavaScript
• Учебник по функциям стрелок в JavaScript
• Руководство по регулярным выражениям JavaScript
• Как проверить, содержит ли строка подстроку в JavaScript
• Как удалить элемент из массива в JavaScript
• Как глубоко клонировать объект JavaScript
• Введение в Unicode и UTF-8
• Юникод в JavaScript
• Как ввести первую букву строки в верхний регистр в JavaScript
• Как отформатировать число как денежное значение в JavaScript
• Как преобразовать строку в число в JavaScript
• это в JavaScript
• Как получить текущую метку времени в JavaScript
• Строгий режим JavaScript
• Выражения функции немедленного вызова JavaScript (IIFE)
• Как перенаправить на другую веб-страницу с помощью JavaScript
• Как удалить свойство из объекта JavaScript
• Как добавить элемент в массив в JavaScript
• Как проверить, не определено ли свойство объекта JavaScript
• Введение в модули ES
• Введение в CommonJS
• Асинхронное программирование JavaScript и обратные вызовы
• Как заменить все вхождения строки в JavaScript
• Краткое справочное руководство по синтаксису современного JavaScript
• Как обрезать ведущий ноль в числе в JavaScript
• Как проверить объект JavaScript
• Полное руководство по датам JavaScript
• Момент.js учебник
• Точка с запятой в JavaScript
• Арифметические операторы JavaScript
• Объект JavaScript Math
• Генерировать случайные и уникальные строки в JavaScript
• Как заставить ваши функции JavaScript "спать"
• Прототипное наследование JavaScript
• Исключения JavaScript
• Как использовать классы JavaScript
• Поваренная книга JavaScript
• Цитаты в JavaScript
• Как проверить адрес электронной почты в JavaScript
• Как получить уникальные свойства набора объектов в массиве JavaScript
• Как проверить, начинается ли строка с другой в JavaScript
• Как создать многострочную строку в JavaScript
• Руководство ES6
• Как получить текущий URL в JavaScript
• Руководство ES2016
• Как инициализировать новый массив значениями в JavaScript
• Руководство ES2017
• Руководство ES2018
• Как использовать Async и Await с массивом.prototype.map ()
• Async против кода синхронизации
• Как сгенерировать случайное число между двумя числами в JavaScript
• Учебное пособие по HTML Canvas API
• Как получить индекс итерации в цикле for-of в JavaScript
• Что такое одностраничное приложение?
• Введение в WebAssembly
• Введение в JSON
• Руководство JSONP
• Стоит ли использовать или изучать jQuery в 2020 году?
• Как скрыть элемент DOM с помощью простого JavaScript
• Как объединить два объекта в JavaScript
• Как очистить массив JavaScript
• Как закодировать URL-адрес с помощью JavaScript
• Как установить значения параметров по умолчанию в JavaScript
• Как отсортировать массив объектов по значению свойства в JavaScript
• Как подсчитать количество свойств в объекте JavaScript
• call () и apply () в JavaScript
• Введение в PeerJS, библиотеку WebRTC
• Работа с объектами и массивами с помощью Rest и Spread
• Разрушение объектов и массивов в JavaScript
• Полное руководство по отладке JavaScript
• Руководство по TypeScript
• Динамически выбрать метод объекта в JavaScript
• Передача undefined в JavaScript Выражения немедленно вызываемой функции
• Свободно типизированные языки против строго типизированных языков
• Как стилизовать элементы DOM с помощью JavaScript
• Приведение в JavaScript
• Учебное пособие по генераторам JavaScript
• Размер папки node_modules не является проблемой.Это привилегия
• Как устранить непредвиденную ошибку идентификатора при импорте модулей в JavaScript
• Как перечислить все методы объекта в JavaScript
• Метод String replace ()
• Метод String search ()
• Как я запускаю небольшие фрагменты кода JavaScript
• Руководство ES2019
• Метод String charAt ()
• Метод String charCodeAt ()
• Метод String codePointAt ()
• Метод String concat ()
• Метод String EndWith ()
• Строка включает метод ()
• Метод String indexOf ()
• Метод String lastIndexOf ()
• Метод String localeCompare ()
• Метод String match ()
• Метод String normalize ()
• Метод String padEnd ()
• Метод String padStart ()
• Метод String repeat ()
• Метод String slice ()
• Метод String split ()
• Метод String StartWith ()
• Метод String substring ()
• Метод String toLocaleLowerCase ()
• Метод String toLocaleUpperCase ()
• Метод String toLowerCase ()
• Метод String toString ()
• Метод String toUpperCase ()
• Метод String trim ()
• Метод String trimEnd ()
• Метод String trimStart ()
• Мемоизация в JavaScript
• Метод String valueOf ()
• Ссылка на JavaScript: String
• Метод Number isInteger ()
• Метод Number isNaN ()
• Метод Number isSafeInteger ()
• Метод Number parseFloat ()
• Метод Number parseInt ()
• Метод Number toString ()
• Метод Number valueOf ()
• Метод Number toPrecision ()
• Метод Number toExponential ()
• Метод Number toLocaleString ()
• Метод Number toFixed ()
• Метод Number isFinite ()
• Ссылка на JavaScript: номер
• Дескрипторы свойств JavaScript
• Метод Object assign ()
• Метод создания объекта ()
• Метод Object defineProperties ()
• Метод Object defineProperty ()
• Метод записи объекта ()
• Метод Object freeze ()
• Метод Object getOwnPropertyDescriptor ()
• Метод Object getOwnPropertyDescriptors ()
• Метод Object getOwnPropertyNames ()
• Метод Object getOwnPropertySymbols ()
• Метод Object getPrototypeOf ()
• Метод Object is ()
• Метод Object isExtensible ()
• Метод Object isFrozen ()
• Метод Object isSealed ()
• Метод Object keys ()
• Метод Object preventExtensions ()
• Метод уплотнения объекта ()
• Метод объекта setPrototypeOf ()
• Метод значений объекта ()
• Метод объекта hasOwnProperty ()
• Метод Object isPrototypeOf ()
• Метод Object propertyIsEnumerable ()
• Метод Object toLocaleString ()
• Метод объекта toString ()
• Метод объекта valueOf ()
• Ссылка на JavaScript: объект
• Оператор присваивания JavaScript
• Интернационализация JavaScript
• Тип JavaScript оператора
• Новый оператор JavaScript
• Операторы сравнения JavaScript
• Правила приоритета операторов JavaScript
• Экземпляр JavaScript оператора
• Заявления JavaScript
• Область действия JavaScript
• Преобразование типов JavaScript (приведение)
• Операторы равенства JavaScript
• Условное выражение if / else в JavaScript
• Условный переключатель JavaScript
• Оператор удаления JavaScript
• Параметры функции JavaScript
• Оператор распространения JavaScript
• Возвращаемые значения JavaScript
• Логические операторы JavaScript
• Тернарный оператор JavaScript
• Рекурсия JavaScript
• Свойства объекта JavaScript
• Объекты ошибок JavaScript
• Глобальный объект JavaScript
• Функция JavaScript filter ()
• Функция JavaScript map ()
• Функция JavaScript reduce ()
• Оператор in в JavaScript
• Операторы JavaScript
• Как получить значение свойства CSS в JavaScript
• Как добавить прослушиватель событий к нескольким элементам в JavaScript
• Поля частного класса JavaScript
• Как отсортировать массив по значению даты в JavaScript
• Поля открытого класса JavaScript
• Символы JavaScript
• Как использовать библиотеку JavaScript bcrypt
• Как переименовать поля при деструктуризации объекта
• Как проверять типы в JavaScript без использования TypeScript
• Как проверить, содержит ли массив JavaScript определенное значение
• Что означает оператор двойного отрицания !! делать в JavaScript?
• Какой оператор равенства следует использовать при сравнении JavaScript? == против ===
• Стоит ли изучать JavaScript?
• Как вернуть результат асинхронной функции в JavaScript
• Как проверить, пустой ли объект в JavaScript
• Как выйти из цикла for в JavaScript
• Как добавить элемент в массив по определенному индексу в JavaScript
• Почему не следует изменять прототип объекта JavaScript
• В чем разница между использованием let и var в JavaScript?
• Ссылки, используемые для активации функций JavaScript
• Как соединить две строки в JavaScript
• Как объединить два массива в JavaScript
• Как проверить, является ли значение JavaScript массивом?
• Как получить последний элемент массива в JavaScript?
• Как отправлять данные в кодировке с помощью Axios
• Как получить дату завтрашнего дня с помощью JavaScript
• Как получить вчерашнюю дату с помощью JavaScript
• Как получить название месяца из даты JavaScript
• Как проверить, совпадают ли две даты в один и тот же день в JavaScript
• Как проверить, относится ли дата к дню в прошлом в JavaScript
• Операторы, помеченные JavaScript
• Как дождаться разрешения 2 или более обещаний в JavaScript
• Как получить дни между двумя датами в JavaScript
• Как загрузить файл с помощью Fetch
• Как отформатировать дату в JavaScript
• Как перебирать свойства объекта в JavaScript
• Как рассчитать количество дней между двумя датами в JavaScript
• Как использовать ожидание верхнего уровня в модулях ES
• Динамический импорт JavaScript
• JavaScript Необязательная цепочка
• Как заменить пробел внутри строки в JavaScript
• Нулевое объединение JavaScript
• Как сгладить массив в JavaScript
• Это десятилетие в JavaScript
• Как отправить заголовок авторизации с помощью Axios
• Список ключевых и зарезервированных слов в JavaScript
• Как преобразовать массив в строку в JavaScript
• Как удалить все содержимое папок node_modules
• Как удалить дубликаты из массива JavaScript
• Let vs Const в JavaScript
• Один и тот же вызов POST API в различных библиотеках JavaScript
• Как получить первые n элементов в массиве в JS
• Как разделить массив на несколько равных частей в JS
• Как замедлить цикл в JavaScript
• Как загрузить изображение на холст HTML
• Как разрезать строку на слова в JavaScript
• Как разделить массив пополам в JavaScript
• Как написать текст на холсте HTML
• Как удалить последний символ строки в JavaScript
• Как удалить первый символ строки в JavaScript
• Как исправить ошибку TypeError: не удается назначить только для чтения свойство «exports» объекта «#