Добавляет ответ на Вопрос для собеседования: Значение какого типа возвращает оператор typeof и почему?

[alexafcode]

Добавляет ответ на Вопрос для собеседования: Значение какого типа возвращает оператор typeof и почему?

Описание

Closes #5065

Чек-лист

• Текст оформлен согласно руководству по стилю
• Ссылки на внутренние материалы начинаются со слеша и заканчиваются слэшем либо якорем на заголовок (/css/color/, /tools/json/, /tools/gulp/#kak-ponyat)
• Ссылки на картинки, видео и демки относительные (images/example.png, demos/example/, ../demos/example/)

[HellSquirrel]

Отлично, спасибо :)

[vitya-ne]

Привет,
мне кажется в постановке вопроса Значение какого типа возвращает оператор typeof и почему? скрывается западня:
буквальным правильным ответом является только:
string, потому что так работу оператора typeof определяет спецификация.

Возможно более коректным был бы вопрос: Что возвращает оператор typeof?

[alexafcode]

Я думаю, что нормальная постановка, т.к. в начале сказано, что возвращает строку, а далее идет уточнение.

[skorobaeus]

@HellSquirrel что думаешь? Мерджим?

[gvozdenkov]

@vitya-ne Да, совершенно верно - вопрос с западнёй. Потому что многие думают, что typeof возвращает тип, а это даже близко не так. Это отсылка к более глубокому пониманию, как js работает внутри

[vitya-ne]

Потому что многие думают, что typeof возвращает тип, а это даже близко не так. Это отсылка к более глубокому пониманию, как js работает внутри

Я бы ещё добавил описание для не очень очевидного поведения при использовании new:
MDN

const str1 = new String('я строка')
const str2 = String('я тоже строка')

console.log(typeof str1)
// object
console.log(typeof str2)
// string

@alexafcode, @gvozdenkov, @HellSquirrel, @skorobaeus что думаете ?

[alexafcode]

Добавил важный момент с работой через new

[github-actions]

Превью контента из a63e2a8 опубликовано.

[gvozdenkov]

Потому что многие думают, что typeof возвращает тип, а это даже близко не так. Это отсылка к более глубокому пониманию, как js работает внутри

Я бы ещё добавил описание для не очень очевидного поведения при использовании new: MDN

const str1 = new String('я строка')
const str2 = String('я тоже строка')

console.log(typeof str1)
// object
console.log(typeof str2)
// string

@alexafcode, @gvozdenkov, @HellSquirrel, @skorobaeus что думаете ?

Кажется, что это слишком экзотический и не жизненный пример... Никто строку не создаёт ни одним из этих способов. Пример забавный, но уж слишком теоретический. По мне, важнее дать отсылку на спецификацию, и то, что typeof возвращает строку тупо по таблице соответствия. Чтобы не наводить новичков на мысли, что js очень нелогичный и мистический язык%}

Я бы лучше предложил раскрыть тему про https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor

Это, на мой взгляд, куда более крутая альтернатива, чем typeof.

1. Он покажет точное различие, где массив, а где объект
2. Он быстрее по производительности

[vitya-ne]

@gvozdenkov

Я бы лучше предложил раскрыть тему про https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor

Это, на мой взгляд, куда более крутая альтернатива, чем typeof.

Это вообще не альтернатива. А метод Object.
Для значений null и undefined - приведёт к ошибке.
Для примитивных значений (напрмер: 25, 'строка', true) приведёт к неверному сравнению.
(см. примеры: #5134 (comment))

Если необходимо сравненивать типы, то можно использовать instanseof

[gvozdenkov]

@gvozdenkov

Я бы лучше предложил раскрыть тему про https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor
Это, на мой взгляд, куда более крутая альтернатива, чем typeof.

Это вообще не альтернатива. А метод Object. Для значений null и undefined - приведёт к ошибке. Для примитивных значений (напрмер: 25, 'строка', true) приведёт к неверному сравнению. (см. примеры: #5134 (comment))

Если необходимо сравненивать типы, то можно использовать instanseof

Да нет, всё отлично показывает что есть что:

var x = 25;
x.constructor // Number

var str = 'hello'
str.constuctor // String

var bool = true;
bool.constructor // Boolean

Для значений null и undefined - приведёт к ошибке.

Потому что не надо смешивать понятия. Мы проверяем тип (какой конструктор создал объект) или вообще факт существования значения?

var x;

if (x && x.constructor === Number) {
   console.log(x); // ничего не выведено
}

x = 25;

if (x && x.constructor === Number) {
   console.log(x); // 25
}

[vitya-ne]

var x = 25;
x.constructor // Number

Повторюсь ещё раз.
x.constructor сначала оборачивает примитивное значение обёрткой. для чисел этой обёрткой будет Number.
Этот механизм называется Auto-boxing.
А уж потом присходит обращение к свойству объекта Number.
А у самого примитивного значения x нет никаких методов.

[gvozdenkov]

var x = 25;
x.constructor // Number

Повторюсь ещё раз. x.constructor сначала оборачивает примитивное значение обёрткой. для чисел этой обёрткой будет Number. Этот механизм называется Auto-boxing. А уж потом присходит обращение к свойству объекта Number. А у самого примитивного значения x нет никаких методов.

Хорошо, вопрос - как у "примитивного" значения могут быть методы?

var str = 'hello';
str.slice(1); // "ello"

Этот механизм называется Auto-boxing

Можешь ссылку на этот механизм дать? В спеке и в материалах про V8 я ничего про это не нашёл

[vitya-ne]

Хорошо, вопрос - как у "примитивного" значения могут быть методы?

Никак.
Нет у примитивных значений методов и свойств. Потому что они примитивные значения, а не объекты

var str = 'hello';
str.slice(1); // "ello"
Можешь ссылку на этот механизм дать? В спеке и в материалах про V8 я ничего про это не нашёл

MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object#object_coercion
спека: https://tc39.es/ecma262/multipage/abstract-operations.html#sec-toobject

[HellSquirrel]

Очень интересная дискуссия. Вы молодцы :) PRчик сейчас помержим
По поводу примеров с new String и String: мне кажется самое простое это посмотреть на типы
Первый будет : JS_PRIMITIVE_WRAPPER_TYPE
Второй: INTERNALIZED_STRING_TYPE
Почекать так: node --allow-native-syntax и дальше %DebugPrint каждому