Ответ для собеседования

В JavaScript примитивные типы данных, такие как number, string, boolean, null, undefined, symbol и bigint, являются неизменяемыми, автоматически выделяются в стеке и копируются по значению. Эти типы не обладают методами и свойствами, характерными для объектов, что делает их обработку быстрой и эффективной.

Подробный ответ

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

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

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

Ответ для собеседования

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

Подробный ответ

Разница между null и undefined заключается в их предназначении и использовании. null является ключевым словом, которое указывает на намеренное отсутствие какого-либо значения. Обычно используется для явного задания переменной значения "ничего" или для сброса значения объекта. Например, когда объект больше не нужен, можно присвоить переменной, хранящей его, значение null, чтобы указать на отсутствие объекта.

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

Хотя оба значения указывают на отсутствие данных, их использование различается в зависимости от контекста. null используется для явного указания на пустое значение, что делает код более понятным и читаемым, особенно в случаях, когда переменная должна иметь четко определенное состояние "пустоты". С другой стороны, undefined чаще встречается как показатель того, что значение не было присвоено или что переменная не была инициализирована.

В первом примере null и undefined считаются равными, потому что они оба представляют «отсутствие значения». Однако при строгом сравнении они считаются разными, потому что они различны по типу.

Ответ для собеседования

NaN (Not-a-Number) — это специальное значение в JavaScript, обозначающее результат недопустимой или нечисловой операции с числами. Оно принадлежит к типу number. Проверить, равно ли значение переменной NaN, можно с помощью функции isNaN() или метода Number.isNaN().

Подробный ответ

NaN (Not-a-Number) возникает при выполнении операций, которые не могут вернуть действительное числовое значение. Примеры таких операций включают деление нуля на ноль, попытку преобразовать некорректную строку в число и другие недопустимые математические операции. Несмотря на название, NaN имеет тип number и является частью стандарта IEEE 754 для представления чисел с плавающей запятой.

Особенность NaN заключается в том, что оно не равно ничему, включая само себя. Проверка NaN === NaN всегда возвращает false, что отличает его от других значений в JavaScript. Для определения, является ли значение NaN, используются специальные функции и методы. Функция isNaN() проверяет, является ли значение нечисловым, но имеет недостатки, так как пытается преобразовать аргумент в число перед проверкой. Более надежным методом является Number.isNaN(), который точно проверяет, равно ли значение NaN.

Ключевая особенность NaN заключается в том, что оно не равно самому себе, то есть выражение NaN === NaN вернёт false. Проверить, является ли значение NaN, можно с помощью функций isNaN() или Number.isNaN():

Если требуется проверить значение на NaN без использования встроенных функций, можно воспользоваться следующим приёмом:

Этот способ работает, потому что NaN — единственное значение в JavaScript, которое не равно самому себе.

Ответ для собеседования

Операторы == и === в JavaScript различаются тем, что == выполняет нестрогое сравнение с приведением типов, тогда как === выполняет строгое сравнение без приведения типов.

Подробный ответ

Оператор == выполняет нестрогое сравнение, что означает, что перед сравнением значения приводятся к общему типу. Это может привести к неожиданным результатам, так как JavaScript автоматически преобразует типы данных для выполнения сравнения. Например, строка "5" и число 5 будут считаться равными при использовании оператора ==, потому что строка будет приведена к числу.

Пример использования оператора ==:

В этом примере строка "5" приводится к числу, и сравнение возвращает true, хотя типы данных различны.

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

Пример использования оператора ===:

Здесь строка "5" и число 5 не равны, потому что их типы различны, и оператор === возвращает false.

Ответ для собеседования

Оператор !! в JavaScript используется для приведения значения к логическому типу (boolean), эффективно превращая любое значение в true или false.

Подробный ответ

Оператор !! применяется для преобразования значения в булево (логическое) значение. Первый оператор ! (логическое НЕ) преобразует значение в его противоположное булево представление, а второй ! снова инвертирует его, возвращая исходное булево значение. Таким образом, любой truthy (истинный) или falsy (ложный) результат можно явным образом привести к true или false.

Пример использования оператора !!:

Здесь строка "Hello" является truthy значением, и применение !! возвращает true.

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

Оператор || (логическое ИЛИ) в JavaScript используется для выполнения логических операций, возвращая первое истинное значение или последнее ложное значение, что делает его полезным для установки значений по умолчанию и проверки условий.

Оператор || (логическое ИЛИ) в JavaScript выполняет логические операции между двумя операндами. Если первый операнд истинный (truthy), он возвращается, иначе возвращается второй операнд. Это свойство позволяет использовать оператор || для задания значений по умолчанию. Например, если переменная не инициализирована или имеет ложное значение (falsy), можно присвоить ей значение по умолчанию.

Оператор || также широко используется в условных выражениях для проверки нескольких условий. Если хотя бы одно из условий истинное, выражение возвращает истину, что позволяет упростить проверку сложных логических условий. В случаях, когда необходимо проверить множество переменных или выражений, этот оператор помогает сделать код более лаконичным и понятным.

При работе с функциями оператор || может использоваться для обеспечения безопасного выполнения кода, подставляя значения по умолчанию, если аргументы функции не были переданы. Это особенно полезно при работе с функциями, которые могут принимать неопределенное количество параметров или когда параметры могут быть необязательными.

Ответ для собеседования

Цель события или целевой элемент (event.target) в JavaScript — это элемент, на котором произошло событие, и который изначально вызвал это событие.

Подробный ответ

Цель события (event.target) представляет собой DOM-элемент, на котором произошло событие. Этот элемент является отправной точкой для процесса распространения события. Значение event.target всегда указывает на элемент, инициировавший событие, независимо от того, где в цепочке распространения (захват или всплытие) был вызван обработчик.

Пример использования event.target:

В этом примере, если кликнуть на дочерний элемент внутри элемента с id="parent", event.target будет ссылаться на дочерний элемент, а не на элемент parent.

Знание и использование event.target полезны для выполнения действий, специфичных для элемента, на котором произошло событие. Например, можно использовать его для делегирования событий, когда один обработчик события на родительском элементе обрабатывает события для множества дочерних элементов.

Еще один пример:

Здесь один обработчик события на ul обрабатывает клики на любых элементах li внутри него, используя event.target для определения, какой элемент был кликнут.

Ответ для собеседования

Метод slice в JavaScript используется для извлечения части массива или строки, не изменяя оригинал. Он возвращает новый массив или строку, содержащую элементы или символы от указанного начального индекса до конечного (не включая его).

Подробный ответ

Метод slice позволяет создать новый массив или строку, копируя элементы или символы из исходного массива или строки, начиная с указанного начального индекса и заканчивая (но не включая) указанным конечным индексом. Исходный массив или строка при этом остаются неизменными.

Синтаксис для массивов:

• begin — индекс, с которого начинается извлечение.
• end (необязательный) — индекс, на котором заканчивается извлечение (не включая его).

Синтаксис для строк:

Пример использования метода slice для массивов:

Пример использования метода slice для строк:

Ответ для собеседования

Array.prototype.forEach и Array.prototype.map - это методы в JavaScript для работы с массивами. forEach выполняет функцию обратного вызова для каждого элемента массива, ничего не возвращая, в то время как map создает новый массив, содержащий результаты вызова функции обратного вызова для каждого элемента исходного массива.

Подробный ответ

Array.prototype.forEach и Array.prototype.map оба позволяют выполнять функцию обратного вызова для каждого элемента массива. Однако они имеют различное поведение и возвращают разные результаты.

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

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

Вот примеры использования обоих методов:

Ответ для собеседования

Замыкания (Closures) в JavaScript - это особенность, которая позволяет функции сохранять доступ к переменным из внешней области видимости, даже после завершения выполнения внешней функции.

Подробный ответ

Замыкания (Closures) в JavaScript являются мощным и важным концептом. Оно возникает тогда, когда функция имеет доступ к переменным из внешней области видимости, даже после завершения выполнения внешней функции. В других словах, функция "запоминает" свою окружающую область видимости во время объявления и продолжает иметь доступ к этим переменным в дальнейшем, даже если вызывающая функция завершила свою работу.

Например, рассмотрим следующий код:

В этом примере функция innerFunction является замыканием, потому что она имеет доступ к переменной outerVariable из внешней функции outerFunction, даже после того, как outerFunction уже завершила свое выполнение. Это происходит потому, что замыкание сохраняет ссылку на внешние переменные, с которыми оно было создано, в своей лексической области видимости.

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

Атрибут — это дополнительное значение, которое имеет тег. Это значение устанавливает определённый способ работы тега на рабочей версии веб-страницы.

Атрибуты присваиваются тегу в том же месте, где отображается имя тега:

Результат рендеринга HTML:

HTML поддерживает шесть уровней заголовков, которые обозначаются с помощью тегов <h1> до <h6>. Каждый из этих тегов представляет собой заголовок определенного уровня, где <h1> обозначает самый высокий уровень заголовка, а <h6> — самый низкий. Список типов заголовков с их уровнями:

Результат рендеринга HTML:

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

Результат рендеринга HTML:

Нет, не все. Существуют одиночные теги, например, <img> — для изображений.

• <span>— это строчный (inline) элемент
• <div> — это блочный (block) элемент

Элементы <div> нужно использовать для оформления разделов документа. А элементы <span> — в роли контейнеров для небольших объёмов текста, для изображений и других подобных элементов страниц.

Надо отметить, что нельзя помещать блочные элементы в строчные. Ниже показан пример, в котором показано, кроме прочего, неправильное размещение блочного элемента внутри строчного (это — фрагмент <div>Запрещенный блок</div>, размещённый внутри элемента <span>):

Результат рендеринга HTML:

Нет, одного <input type="email"> недостаточно для надежной валидации: браузер делает лишь очень поверхностную проверку и её легко обойти. Этот тип проверяет только общий формат вроде что-то@что-то, поэтому строка вроде dasd@dasd уже считается валидной. Надежная валидация e‑mail должна дублироваться JavaScript-логикой и обязательно выполняться на сервере.

<input type="email"> даёт только минимальную HTML5-валидацию: браузер проверяет, что есть хотя бы один символ до @ и хотя бы один символ после, плюс некоторые запреты на явно недопустимые символы. Поэтому такие строки, как user@domain или dasd@dasd, уже считаются корректными, хотя в реальности это может быть нерабочий адрес.

Ограничения type="email":

• Проверяется только общий формат, не проверяется существование домена, MX-записи, возможность доставки письма.
• Встроенную проверку легко выключить: пользователь может изменить HTML через инструменты разработчика, отправить запрос через curl/Postman или старый браузер без поддержки HTML5.
• Разные браузеры могут немного по‑разному интерпретировать корректность e‑mail, что даёт нестабильное поведение.
• Это клиентская валидация, она нужна в первую очередь для удобства пользователя (быстрая подсветка ошибок), а не для безопасности.

Поэтому обязательна валидация на сервере, а клиентскую (включая type="email") стоит рассматривать как первый, удобный для пользователя фильтр, но не как защиту данных.

Атрибут pattern может немного усилить проверку в ограниченных сценариях, например в интранете, где все адреса в одном домене. Но и это только дополнительная, а не основная защита: регулярное выражение легко обойти при прямом запросе к API, и сложные проверки в pattern становятся нечитаемыми и хрупкими.

Даже если на клиенте есть type="email" и pattern, сервер всё равно должен перепроверить данные по своим правилам (регулярным выражением, специализированной библиотекой, дополнительными проверками домена и т.д.).

Итого: <input type="email"> и даже pattern — это удобный, но вспомогательный уровень валидации. Надёжность достигается только за счёт строгой проверки на сервере, а клиентская валидация служит для улучшения UX и раннего отсева очевидных ошибок.

Функции высшего порядка (Higher Order Functions) в программировании это функции, которые могут принимать другие функции в качестве аргументов или возвращать функции как результат.

Функции высшего порядка (Higher Order Functions) в программировании являются мощным концептом функционального программирования. Они могут принимать другие функции в качестве аргументов или возвращать функции как результат. Это означает, что функции могут быть использованы в качестве данных, так же, как и любые другие типы данных, такие как строки, числа и объекты.

Примеры функций высшего порядка в JavaScript включают функции map, filter, reduce, которые принимают другие функции в качестве аргументов для преобразования, фильтрации и агрегации элементов массива.

Здесь функция map является функцией высшего порядка, так как она принимает функцию в качестве аргумента для преобразования каждого элемента массива. Функция, переданная в map, выполняется для каждого элемента массива и возвращает новое значение, которое затем добавляется в результирующий массив.

Ответ для собеседования

ECMAScript (ES) - это стандартный набор правил, определений и спецификаций, который описывает язык программирования JavaScript.

Подробный ответ

ECMAScript (ES) представляет собой стандарт, который определяет язык программирования JavaScript. Он описывает синтаксис, типы данных, структуры управления, операторы и другие основные элементы языка. Первая версия стандарта была выпущена в 1997 году, и с тех пор он продолжает развиваться и обновляться. Основные изменения и новые возможности добавляются в язык через новые версии стандарта ECMAScript, такие как ES6 (или ECMAScript 2015), ES7, ES8 и так далее.

Например, стандарт ECMAScript 2015 (ES6) привнес множество новых возможностей в язык, таких как стрелочные функции, классы, блочная область видимости переменных let и const, деструктуризация, шаблонные строки и многое другое. В дальнейших версиях стандарта были добавлены дополнительные функции, такие как async/await для управления асинхронным кодом, операторы распространения (spread operator) и рест (rest operator), улучшенные методы массивов и многое другое.

ECMAScript является основой для разработки языка JavaScript, и его стандарты определяют поведение и возможности языка. Хотя стандарт определяет синтаксис и функциональность языка, конкретные реализации языка, такие как V8 (используемый в браузере Google Chrome) или Node.js, могут расширять его возможности или вносить свои собственные изменения.

Ответ для собеседования

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

Подробный ответ

Преимущества использования Promise API:

1. Читаемость кода: Promise API позволяет писать асинхронный код в более линейном и читаемом стиле благодаря использованию методов .then() и .catch() для обработки успешных и ошибочных результатов.
2. Управление последовательностью операций: Promise API предоставляет удобные методы для управления последовательностью асинхронных операций, такие как Promise.all(), Promise.race() и Promise.allSettled(), что делает процесс синхронизации и обработки результатов более удобным и эффективным.
3. Обработка ошибок: Promise API позволяет обрабатывать ошибки с помощью метода .catch(), что упрощает отслеживание и обработку ошибок в асинхронном коде.

Недостатки использования Promise API:

1. Увеличение сложности: В случае большого количества асинхронных операций или цепочек вызовов Promise API может привести к увеличению сложности кода из-за необходимости вложенных цепочек .then().
2. Требуется поддержка современных браузеров: Использование Promise API требует поддержки современных браузеров или сред выполнения, что может ограничить совместимость приложения с более старыми версиями браузеров или сред выполнения JavaScript.
3. Нельзя отменить или приостановить выполнение: Promise API не поддерживает отмену или приостановку выполнения асинхронных операций напрямую, что может быть проблемой в некоторых сценариях.

Ответ для собеседования

Для изменения цвета текста элемента с помощью CSS используется свойство color, а для изменения цвета фона — свойство background-color.

Подробный ответ

В CSS цвет текста элемента можно изменить с помощью свойства color, которое определяет цвет текста внутри элемента. Например, чтобы установить красный цвет текста для всех элементов <p>, можно использовать следующий код:

Ответ для собеседования

Разница между видами позиционирования элементов в CSS заключается в том, что static — это базовое позиционирование по умолчанию, relative позволяет смещать элемент относительно его обычного положения, absolute позиционирует элемент относительно ближайшего предка с позиционированием, а fixed закрепляет элемент относительно окна браузера.

Подробный ответ

Позиционирование static является значением по умолчанию для всех элементов. Оно означает, что элемент следует обычному потоку документа, не имея возможности перемещаться относительно своего первоначального положения. Этот тип позиционирования не учитывает свойства top, right, bottom и left.

Позиционирование relative позволяет элементу оставаться в обычном потоке документа, но при этом можно смещать его относительно его начального положения с помощью свойств top, right, bottom и left. Элемент сохраняет свое пространство в макете, даже если визуально перемещен.

Ответ для собеседования

Псевдоэлементы в CSS позволяют создавать виртуальные элементы, которые не существуют в исходном HTML-коде, но могут быть стилизованы с помощью CSS. Они используются для добавления дополнительных элементов или стилей к существующим элементам без изменения HTML-структуры.

Подробный ответ

Псевдоэлементы в CSS — это специальные ключевые слова, которые позволяют создавать виртуальные элементы внутри других элементов, не изменяя при этом сами элементы в HTML-коде. Они добавляются с помощью двойного двоеточия (::) после селектора элемента. Примером псевдоэлемента является ::before или ::after, которые позволяют добавлять контент перед или после содержимого элемента соответственно.

Ответ для собеседования

В JavaScript существует семь примитивных типов данных: number, string, boolean, null, undefined, symbol и bigint. Эти типы представляют базовые значения и обладают рядом особенностей, таких как неизменяемость и копирование по значению.

Подробный ответ

Примитивные типы данных в JavaScript включают number, который используется для представления чисел, как целых, так и дробных. Этот тип позволяет выполнять математические операции и работать с числовыми значениями в пределах, определенных спецификацией языка. Например, let age = 25; создает переменную с числовым значением.

String служит для хранения текстовой информации. Строки могут быть заключены в одинарные, двойные или обратные кавычки. Этот тип данных позволяет работать с текстом, проводить манипуляции и выполнять операции конкатенации. Например, let greeting = "Hello, world!"; создает строку с приветственным сообщением.

Boolean представляет логические значения true и false, которые используются для управления потоком выполнения программ, проверки условий и принятия решений. Null и undefined являются специальными типами данных, обозначающими отсутствие значения и неопределенное значение соответственно. Symbol представляет уникальные и неизменяемые идентификаторы, часто применяемые для создания скрытых свойств объектов. BigInt позволяет работать с целыми числами произвольной длины, что полезно для вычислений с очень большими числами, выходящими за пределы диапазона типа number.

Пример использования примитивных типов:

Ответ для собеседования

Всплытие событий (event bubbling) в JavaScript — это фаза распространения события, в которой событие, начавшись на целевом элементе, перемещается вверх по дереву DOM к корневому элементу, вызывая обработчики событий, назначенные на каждом промежуточном элементе.

Подробный ответ

Всплытие событий — это процесс, при котором событие, происходящее на целевом элементе, перемещается вверх по иерархии DOM, последовательно вызывая обработчики событий на всех его родительских элементах. Эта фаза начинается после того, как событие достигло целевого элемента и все его обработчики были выполнены.

По умолчанию, когда событие создается, оно сначала проходит фазу погружения (capturing), достигает целевого элемента (target phase), а затем начинает всплытие. Всплытие позволяет использовать один обработчик события для родительского элемента, чтобы обрабатывать события, происходящие на его дочерних элементах.

Пример использования всплытия событий:

В этом примере, при клике на элемент child, сначала выполнится обработчик на child, а затем обработчик на parent, так как событие всплывает вверх по дереву DOM.

Всплытие событий позволяет более эффективно управлять событиями, так как вместо установки обработчиков на каждом дочернем элементе, можно установить один обработчик на родительском элементе. Это особенно полезно для динамически создаваемых элементов, когда заранее неизвестно, какие элементы будут добавлены в DOM.

Ответ для собеседования

Погружение событий (event capturing) в JavaScript — это фаза распространения события, в которой событие перемещается от корневого элемента документа вниз по дереву DOM к целевому элементу перед тем, как достигнуть самого целевого элемента и перейти к фазе всплытия.

Подробный ответ

Погружение событий, также известное как фаза захвата (capturing phase), является одной из трех фаз процесса распространения события в JavaScript. Во время этой фазы событие сначала распространяется сверху вниз по дереву DOM, начиная от корневого элемента (например, document) и проходя через все промежуточные элементы до достижения целевого элемента, на котором произошло событие.

Метод addEventListener позволяет назначить обработчик события, который будет срабатывать на этапе захвата. Для этого необходимо указать третий аргумент метода как true.

Пример использования фазы захвата:

В этом примере, при клике на элемент inner, сначала выполнится обработчик на элементе outer в фазе захвата, а затем обработчик на самом элементе inner.

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

Ответ для собеседования

Метод splice в JavaScript используется для изменения содержимого массива путем удаления, замены или добавления элементов в массив по указанным индексам.

Подробный ответ

Метод splice является мощным инструментом для манипуляции массивами. С его помощью можно удалять существующие элементы, добавлять новые элементы или заменять элементы в массиве. Метод изменяет сам массив и возвращает массив удаленных элементов.

Синтаксис метода splice:

• start — индекс, с которого начинается изменение массива.
• deleteCount — количество элементов для удаления (если равно 0, элементы не удаляются).
• item1, item2, ... — элементы, которые будут добавлены в массив, начиная с индекса start.

Ответ для собеседования

Метод trim в JavaScript используется для обрезки пробелов с обеих сторон строки. Для обрезки только начала или конца строки можно использовать методы trimStart/trimLeft и trimEnd/trimRight соответственно.

Подробный ответ

Метод trim удаляет пробелы и другие пробельные символы (такие как табуляция и новые строки) с начала и конца строки. Этот метод не изменяет исходную строку, а возвращает новую строку с удаленными пробелами с обоих концов.

Пример использования метода trim:

Если требуется обрезать пробелы только с начала строки, используется метод trimStart (или его синоним trimLeft). Этот метод удаляет пробелы только с начала строки.

Пример использования метода trimStart:

Для обрезки пробелов только с конца строки используется метод trimEnd (или его синоним trimRight). Этот метод удаляет пробелы только с конца строки.

Пример использования метода trimEnd:

Ответ для собеседования

Функция обратного вызова (callback function) в JavaScript это функция, которая передается в качестве аргумента другой функции и вызывается этой функцией в определенный момент времени или после завершения выполнения задачи. Колбэк-функции используются для обработки асинхронных операций, выполнения кода после завершения выполнения определенной операции, обработки событий и реализации механизма обратного вызова в различных аспектах разработки.

Пример:

В этом примере функция fetchData принимает функцию обратного вызова callback, которая вызывается после того, как данные будут получены асинхронно. Функция processData используется в качестве функции обратного вызова и обрабатывает полученные данные.

Ответ для собеседования

Оборачивание всего содержимого JavaScript-файла в функцию это практика, называемая "модульным шаблоном" или "IIFE" (Immediately Invoked Function Expression). Это позволяет создавать локальную область видимости для переменных и функций, изолируя их от глобальной области видимости, и предотвращает конфликты имен с другими скриптами.

Подробный ответ

Оборачивание всего содержимого JavaScript-файла в функцию это распространенная практика в веб-разработке, которая использует шаблон, называемый "модульным шаблоном" или "IIFE" (Immediately Invoked Function Expression). Эта практика заключается в том, что весь код скрипта оборачивается в анонимную функцию, которая сразу же вызывается.

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

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

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

Ответ для собеседования

Стандарт ES6, или ECMAScript 2015, привнес в JavaScript множество новых возможностей, включая стрелочные функции, блочную область видимости переменных let и const, деструктуризацию, шаблонные строки, классы, модули и многое другое.

Подробный ответ

ECMAScript 2015 (ES6) внес значительные изменения и дополнения в язык JavaScript, расширяя его функциональность и улучшая его выразительность. Одним из ключевых изменений было добавление стрелочных функций, которые предлагают более краткий и удобный синтаксис для объявления функций. Например:

В ES6 также были введены блочная область видимости переменных let и const, которые предлагают более предсказуемое поведение по сравнению с var, особенно в отношении области видимости внутри блоков кода. Деструктуризация - еще одна важная особенность ES6, которая позволяет извлекать значения из объектов и массивов более удобным способом. Пример:

Другие значительные изменения в ES6 включают в себя шаблонные строки, классы, улучшенные возможности работы с объектами, оператор расширения (spread operator), а также новые методы массивов и строк. Введение модульной системы позволяет легко организовывать код в независимые компоненты и повышает его переиспользуемость. Эти и другие изменения делают JavaScript более мощным и гибким языком программирования.

Ключевые слова var, let и const используются для объявления переменных в JavaScript, но имеют различия в области видимости и возможности переназначения и переопределения значений.

Область видимости:

• var: Область видимости переменной, объявленной с использованием var, ограничена ближайшей функцией или глобальной областью видимости, если переменная объявлена вне функции. Помимо этого, объявления через var подвержены поднятию (hoisting): в область видимости всплывает только декларация без инициализации, поэтому переменную можно использовать до фактического объявления, но её значение при этом будет undefined.
• let и const: Переменные, объявленные с использованием let и const, имеют блочную область видимости, они доступны только внутри блока, в котором были объявлены

Переопределение и переназначение:

• var: Переменные, объявленные с использованием var, могут быть переопределены и переназначены
• let: Переменные, объявленные с использованием let, могут быть только переназначены
• const: Переменные, объявленные с использованием const, не могут быть переопределены, то есть их значение не может быть изменено после присвоения. Однако объекты и массивы, объявленные с использованием const, могут изменять свои свойства и элементы соответственно

Пример: