JavaScript — это универсальный и мощный язык программирования, позволяющий разработчикам создавать динамические и интерактивные веб-приложения. Одной из его сильных сторон является возможность расширения за счет использования пользовательских методов, часто называемых «методами расширения». В этой статье мы рассмотрим концепцию методов расширения и продемонстрируем множество практических примеров, которые улучшат ваши навыки работы с JavaScript. Итак, возьмите свой любимый редактор кода и приступайте!
-
capitalize()
Описание: Делает первую букву строки заглавной.
Пример кода:String.prototype.capitalize = function() { return this.charAt(0).toUpperCase() + this.slice(1); }; const name = "john"; console.log(name.capitalize()); // Output: John
-
reverse()
Описание: меняет порядок символов в строке.
Пример кода:String.prototype.reverse = function() { return this.split("").reverse().join(""); }; const word = "hello"; console.log(word.reverse()); // Output: olleh
-
shuffle()
Описание: случайным образом перемешивает элементы массива.
Пример кода:Array.prototype.shuffle = function() { const array = this.slice(); for (let i = array.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [array[i], array[j]] = [array[j], array[i]]; } return array; }; const numbers = [1, 2, 3, 4, 5]; console.log(numbers.shuffle()); // Output: [3, 5, 2, 1, 4]
-
unique()
Описание: возвращает массив, содержащий только уникальные элементы исходного массива.
Пример кода:Array.prototype.unique = function() { return [...new Set(this)]; }; const numbers = [1, 2, 3, 3, 4, 4, 5]; console.log(numbers.unique()); // Output: [1, 2, 3, 4, 5]
-
formatCurrency()
Описание: форматирует число как строку денежной единицы с указанными десятичными знаками и разделителями.
Пример кода:Number.prototype.formatCurrency = function(decimalPlaces = 2, thousandsSeparator = ",", decimalSeparator = ".") { const fixedValue = this.toFixed(decimalPlaces); const parts = fixedValue.toString().split("."); parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator); return parts.join(decimalSeparator); }; const price = 1234567.89; console.log(price.formatCurrency(2, ",", ".")); // Output: 1,234,567.89
Методы расширения — мощный инструмент для улучшения функциональности JavaScript. Расширяя встроенные прототипы, вы можете создавать многократно используемые фрагменты кода, которые упрощают процесс разработки. В этой статье мы рассмотрели лишь несколько примеров методов расширения, но возможности безграничны. Поэкспериментируйте с этими методами и используйте весь потенциал JavaScript в своих проектах. Приятного кодирования!