В чем разница между явным и неявным преобразованием или приведением к типу (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.

👉 @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

👉 @frontendInterview

Программирование без дураков

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

👉 @frontendInterview

Help the Fruit Guy

Вам дан массив строк, представляющий собой набор фруктов - свежих и испорченных. Для испорченных фруктов добавляется приставка rotten.
Создайте функцию, которая заменит испорченные фрукты свежими.

Пример:
Дано - ["apple","rottenBanana","apple"]
Результат - ["apple","banana","apple"]

👉 @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

Что такое псевдомассив arguments?

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

arguments[1]
arguments[2]

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

👉 @frontendInterview

👉 @frontendInterview

"Javanoscript developer. Professional" - это хардкорный онлайн-курс для web-разработчиков по продвинутым возможностям JS и его фреймворков.

Справитесь ли вы с уровнем курса? Покажет вступительный тест.

📍Пройдите тестирование, чтобы:
● оценить свои навыки
● получить доступ к демо-занятиям курса
● занять место по специальной цене
● получить доступ в закрытое сообщество JS-разработчиков

👉 Пройти полное тестирование: https://clck.ru/uKCcE

👉 @frontendInterview

Для чего используется оператор !! (двойного отрицания)?

Это не новый оператор, это всего лишь два оператора !, просто они записаны подряд. Что это даёт? Тут тоже всё довольно просто. Допустим у вас есть функция, которая возвращает какой-то результат: строку, число, объект и т.д. А вам необходимо получить от этой функции true или false. Вот два записанных подряд оператора ! и делают именно это. Если функция вернёт строку, отличное от 0 число, объект, массив — в общем любое правдивое значение, то выражение !! превратит его в true, в противном случае вы получите false.

👉 @frontendInterview