JavaScript с нуля

Глава 19. Расширение встроенных объектов

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

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

function shuffle(input) {

for (let i = input.length — 1; i >= 0; i-) {

let randomIndex = Math.floor(Math.random() * (i + 1));

let itemAtIndex = input[randomIndex];

input[randomIndex] = input[i];

input[i] = itemAtIndex;

}

return input;

}

Мы используем функцию shuffle, просто вызвав ее и передав массив, чье содержимое нужно перемешать:

let shuffleArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

shuffle(shuffleArray);

// и результат…

console.log(shuffleArray);

После выполнения этого кода конечным результатом будет перегруппировка содержимого. Такая функциональность весьма полезна. Я бы даже сказал, что слишком полезна. Возможность производить перемешивание должна быть частью объекта Array и являться легко доступной наряду с такими его методами, как push, pop, slice и др.

Если бы функция shuffle была частью объекта array, то мы могли бы с легкостью использовать ее следующим образом:

let shuffleArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

shuffleArray.shuffle();

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

Поехали!