Frontend Interview - собеседования по Javascript / Html / Css

Что такое псевдомассив arguments? Объект arguments это локальная переменная, доступная внутри любой (нестрелочной) функции. Объект arguments позволяет ссылаться на аргументы функции внутри неё. Он состоит из переданных в функцию аргументов, индексация начинается с 0. Например, если в функцию было передано 3 аргумента, обратиться к ним можно следующим образом:

arguments[1]
arguments[2]

Аргументам может быть присвоено значение: arguments[1] = 'new value'; 👉 @frontendInterview

​Как передаются параметры в функцию: по ссылке или по значению? Передача параметров по значению Строки, числа, логические значения передаются в функцию по значению. Иными словами при передаче значения в функцию, эта функция получает копию данного значения. Рассмотрим, что это значит в практическом плане:

 function change(x){
     x = 2 * x;
     console.log("x in change:", x);
 }
 
 var n = 10;
 console.log("n before change:", n); // n before change: 10
 change(n);                          // x in change: 20
 console.log("n after change:", n);  // n after change: 10

Функция change получает некоторое число и увеличивает его в два раза. При вызове функции change ей передается число n. Однако после вызова функции мы видим, что число n не изменилось, хотя в самой функции произошло увеличение значения параметра. Потому что при вызове функция change получает копию значения переменной n. И любые изменения с этой копией никак не затрагивают саму переменную n. Передача по ссылке Объекты и массивы передаются по ссылке. То есть функция получает сам объект или массив, а не их копию.

 function change(user){
     user.name = "Tom";
 }
 
 var bob ={ 
     name: "Bob"
 };
 console.log("before change:", bob.name);    // Bob
 change(bob);
 console.log("after change:", bob.name);     // Tom

В данном случае функция change получает объект и меняет его свойство name. В итоге мы увидим, что после вызова функции изменился оригинальный объект bob, который передавался в функцию. 👉 @frontendInterview

Help the Fruit Guy Вам дан массив строк, представляющий собой набор фруктов - свежих и испорченных. Для испорченных фруктов добавляется приставка rotten. Создайте функцию, которая заменит испорченные фрукты свежими. Пример: Дано - ["apple","rottenBanana","apple"] Результат - ["apple","banana","apple"] 👉 @frontendInterview

Программирование без дураков Хотите научиться программировать "less wrong"? Тогда эта книга - для вас. Ведь программирование - это во многом коммуникация. Стиль программирования, именование, комментирование, работа с чужим кодом - зачастую соглашения складываются именно там, где строгая регламентация на уровне языка программирования отсутствует. 👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Не можете выбрать, какой язык учить? Пройдите бесплатный курс по профориентации Яндекс Практикума. Выбрать язык по душе

Как проверить, является ли значение массивом? Для этого следует использовать метод Array.isArray:

 console.log(Array.isArray(5)) // false
 console.log(Array.isArray('')) // false
 console.log(Array.isArray()) // false
 console.log(Array.isArray(null)) // false
 console.log(Array.isArray( {length: 5 })) // false
 console.log(Array.isArray([])) // true

Если среда, в которой Вы работаете, не поддерживает данный метод, можете использовать такой полифил: function isArray(value){ return Object.prototype.toString.call(value) === '[object Array]' } 👉 @frontendInterview

👉 @frontendInterview

В чем разница между явным и неявным преобразованием или приведением к типу (Implicit and Explicit Coercion)? Неявное преобразование — это способ приведения значения к другому типу без нашего ведома (участия). Предположим, у нас есть следующее:

 console.log(1 + '6')
 console.log(false + true)
 console.log(6 * '2')

Результатом первого console.log будет 16. В других языках это привело бы к ошибке, но в JS 1 конвертируется в строку и конкатенируется (присоединяется) c 6. Мы ничего не делали, преобразование произошло автоматически. Результатом второго console.log будет 1. False было преобразовано в 0, true — в 1. 0 + 1 = 1. Результатом третьего console.log будет 12. Строка 2 была преобразована в число перед умножением на 6. Явное преобразование предполагает наше участие в приведении значения к другому типу:

 console.log(1 + parseInt('6'))

В этом примере мы используем parseInt для приведения строки 6 к числу, затем складываем два числа и получаем 7.

Не знаешь как подготовиться к собеседованию? Какие будут вопросы? Как пройти его? Теперь в телеграмм есть бот- собеседник по миру IT. В нем собрано более 350 вопросов и ответов из реальных собеседований на разные уровни и технологии После прохождения импровизированного собеседования у бота, ты узнаешь свой реальный уровень 😎. Бот собеседник

👉 @frontendInterview

Пссс, хочешь подарочек?😏 Вот тебе канал со сливами дорогостоящих топовых курсов и литературы: Букич IT Быстренько подписывайся и сохраняй материалы, пока SkillFactory, GeekBrains, Яндекс.Практикум и другие авторы не снесли данный канал.

Что такое объектная обертка (Wrapper Objects)? Примитивы строка, число и boolean имеют свойства и методы, несмотря на то, что они не являются объектами:

 let name = 'marko'

 console.log(typeof name) // string
 console.log(name.toUpperCase()) // MARKO

Name — это строка (примитивный тип), у которого нет свойств и методов, но когда мы вызываем метод toUpperCase(), это приводит не к ошибке, а к «MARKO». Причина такого поведения заключается в том, что name временно преобразуется в объект. У каждого примитива, кроме null и undefined, есть объект-обертка. Такими объектами являются String, Number, Boolean, Symbol и BigInt. В нашем случае код принимает следующий вид:

 console.log(new String(name).toUpperCase()) // MARKO

Временный объект отбрасывается по завершении работы со свойством или методом. 👉 @frontendInterview

Detect Pangram Панграмма — короткий текст, использующий все буквы алфавита. Создайте функцию, которая проверит, является ли строка панграммой. Пример: В предложении "The quick brown fox jumps over the lazy dog" есть все буквы от A до Z. 👉 @frontendInterview