Что такое typeof в javascript

typeof

Оператор typeof возвращает строку, указывающую тип операнда.

Синтаксис

Операнд следует за оператором typeof :

Параметры

operand является выражением, представляющим объект или примитив, тип которого должен быть возвращён.

Описание

Примеры

В первой реализации JavaScript значения были представлены парой тип тега и значение. Тип тега для объектов равнялся 0. null был представлен как нулевой указатель (0x00 в большинстве платформ). Следовательно, тип тега для null равнялся нулю, поэтому возвращаемое значение typeof является фиктивным. (подробнее)

Использование оператора new

Регулярные выражения

Вызываемые регулярные выражения были нестандартным дополнением в некоторых браузерах.

Ошибки, связанные с временными мёртвыми зонами

Исключения

Хотя спецификация разрешает собственные имена типов для нестандартных экзотических объектов, требуется чтобы эти имена отличались от предопределённых. Ситуация, когда document.all имеет тип undefined должна рассматриваться как исключительное нарушение правил.

Спецификации

Совместимость с браузерами

BCD tables only load in the browser

IE-специфичные замечания

В IE 6, 7 и 8 многие host-объекты являются объектами, но не функциями. Например:

Источник

Типы данных

Значение в JavaScript всегда относится к данным определённого типа. Например, это может быть строка или число.

Есть восемь основных типов данных в JavaScript. В этой главе мы рассмотрим их в общем, а в следующих главах поговорим подробнее о каждом.

Переменная в JavaScript может содержать любые данные. В один момент там может быть строка, а в другой – число:

Языки программирования, в которых такое возможно, называются «динамически типизированными». Это значит, что типы данных есть, но переменные не привязаны ни к одному из них.

Число

Числовой тип данных ( number ) представляет как целочисленные значения, так и числа с плавающей точкой.

Infinity представляет собой математическую бесконечность ∞. Это особое значение, которое больше любого числа.

Мы можем получить его в результате деления на ноль:

Или задать его явно:

NaN означает вычислительную ошибку. Это результат неправильной или неопределённой математической операции, например:

Значение NaN «прилипчиво». Любая операция с NaN возвращает NaN :

Математические операции в JavaScript «безопасны». Мы можем делать что угодно: делить на ноль, обращаться с нечисловыми строками как с числами и т.д.

Скрипт никогда не остановится с фатальной ошибкой (не «умрёт»). В худшем случае мы получим NaN как результат выполнения.

Специальные числовые значения относятся к типу «число». Конечно, это не числа в привычном значении этого слова.

Подробнее о работе с числами мы поговорим в главе Числа.

BigInt

Для большинства случаев этого достаточно. Но иногда нам нужны действительно гигантские числа, например, в криптографии или при использовании метки времени («timestamp») с микросекундами.

Тип BigInt был добавлен в JavaScript, чтобы дать возможность работать с целыми числами произвольной длины.

В данный момент BigInt поддерживается только в браузерах Firefox, Chrome, Edge и Safari, но не поддерживается в IE.

Строка

Строка ( string ) в JavaScript должна быть заключена в кавычки.

В JavaScript существует три типа кавычек.

Двойные или одинарные кавычки являются «простыми», между ними нет разницы в JavaScript.

Обратите внимание, что это можно делать только в обратных кавычках. Другие кавычки не имеют такой функциональности встраивания!

Мы рассмотрим строки более подробно в главе Строки.

Булевый (логический) тип

Булевый тип ( boolean ) может принимать только два значения: true (истина) и false (ложь).

Такой тип, как правило, используется для хранения значений да/нет: true значит «да, правильно», а false значит «нет, не правильно».

Булевые значения также могут быть результатом сравнений:

Мы рассмотрим булевые значения более подробно в главе Логические операторы.

Значение «null»

Специальное значение null не относится ни к одному из типов, описанных выше.

Оно формирует отдельный тип, который содержит только значение null :

В JavaScript null не является «ссылкой на несуществующий объект» или «нулевым указателем», как в некоторых других языках.

Это просто специальное значение, которое представляет собой «ничего», «пусто» или «значение неизвестно».

В приведённом выше коде указано, что значение переменной age неизвестно.

Значение «undefined»

Оно означает, что «значение не было присвоено».

Если переменная объявлена, но ей не присвоено никакого значения, то её значением будет undefined :

Технически мы можем присвоить значение undefined любой переменной:

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

Объекты и символы

Тип object (объект) – особенный.

Все остальные типы называются «примитивными», потому что их значениями могут быть только простые значения (будь то строка, или число, или что-то ещё). В объектах же хранят коллекции данных или более сложные структуры.

Объекты занимают важное место в языке и требуют особого внимания. Мы разберёмся с ними в главе Объекты после того, как узнаем больше о примитивах.

Тип symbol (символ) используется для создания уникальных идентификаторов в объектах. Мы упоминаем здесь о нём для полноты картины, изучим этот тип после объектов.

Оператор typeof

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

У него есть две синтаксические формы:

Другими словами, он работает со скобками или без скобок. Результат одинаковый.

Вызов typeof x возвращает строку с именем типа:

Последние три строки нуждаются в пояснении:

Итого

В JavaScript есть 8 основных типов.

Оператор typeof позволяет нам увидеть, какой тип данных сохранён в переменной.

В следующих главах мы сконцентрируемся на примитивных значениях, а когда познакомимся с ними, перейдём к объектам.

Источник

Восемь типов данных, typeof

Материал на этой странице устарел, поэтому скрыт из оглавления сайта.

Более новая информация по этой теме находится на странице https://learn.javascript.ru/types.

В JavaScript существует несколько основных типов данных.

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

Число «number»

Единый тип число используется как для целых, так и для дробных чисел.

Существуют специальные числовые значения Infinity (бесконечность) и NaN (ошибка вычислений).

Например, бесконечность Infinity получается при делении на ноль:

Ошибка вычислений NaN будет результатом некорректной математической операции, например:

Эти значения формально принадлежат типу «число», хотя, конечно, числами в их обычном понимании не являются.

Особенности работы с числами в JavaScript разобраны в главе Числа.

Число «bigint»

Тип BigInt был добавлен в JavaScript, чтобы дать возможность работать с целыми числами произвольной длины.

Более подробно тип данных BigInt мы рассмотрим в отдельной главе BigInt.

Строка «string»

В JavaScript одинарные и двойные кавычки равноправны. Можно использовать или те или другие.

Более подробно со строками мы познакомимся в главе Строки.

Булевый (логический) тип «boolean»

У него всего два значения: true (истина) и false (ложь).

Как правило, такой тип используется для хранения значения типа да/нет, например:

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

Специальное значение «null»

Значение null не относится ни к одному из типов выше, а образует свой отдельный тип, состоящий из единственного значения null :

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

В частности, код выше говорит о том, что возраст age неизвестен.

Специальное значение «undefined»

Если переменная объявлена, но в неё ничего не записано, то её значение как раз и есть undefined :

Можно присвоить undefined и в явном виде, хотя это делается редко:

Символы «symbol»

«Символ» представляет собой уникальный идентификатор.

Создаются новые символы с помощью функции Symbol() :

При создании символу можно дать описание (также называемое имя), в основном использующееся для отладки кода:

Символы гарантированно уникальны. Даже если мы создадим множество символов с одинаковым описанием, это всё равно будут разные символы. Описание – это просто метка, которая ни на что не влияет.

Например, вот два символа с одинаковым описанием – но они не равны:

Более подробно c символами мы познакомимся в главе Тип данных Symbol.

Объекты «object»

Первые 7 типов называют «примитивными».

Особняком стоит восьмой тип: «объекты».

Он используется для коллекций данных и для объявления более сложных сущностей.

Объявляются объекты при помощи фигурных скобок <. >, например:

Мы подробно разберём способы объявления объектов и, вообще, работу с объектами, позже, в главе Объекты.

Оператор typeof

Оператор typeof возвращает тип аргумента.

У него есть два синтаксиса: со скобками и без:

Работают они одинаково, но первый синтаксис короче.

Результатом typeof является строка, содержащая тип:

Последние две строки помечены, потому что typeof ведёт себя в них по-особому.

К работе с типами мы также вернёмся более подробно в будущем, после изучения основных структур данных.

Итого

Очень скоро мы изучим их во всех деталях.

Источник

Разбираемся в проверке JavaScript-типов с помощью typeof

Очень важный аспект любого языка программирования — это его система типов и типы данных в нем. Для строго типизированных языков программирования, например для таких как Java, переменные определяются конкретными типами, которые в свою очередь ограничивают значения переменных.

Несмотря на то, что JavaScript — это динамически типизированный язык программирования, существуют расширения над языком, которые поддерживают строгую типизацию, например TypeScript.

Для проверки типов в JavaScript присутствует довольно простой оператор typeof

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

Типы данных в JavaScript

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

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

Обратите внимание, что в указанном списке типов данных, null и undefined — это примитивные типы в JavaScript, которые содержат ровно одно значение.

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

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

Проверка типов с использованием typeof

Синтаксис

Оператор typeof в JavaScript является унарным оператором (принимает только один операнд), который возвращает строковое значение типа операнда. Как и другие унарные операторы, он помещается перед его операндом, разделенный пробелом:

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

Защита от ошибок

До спецификации ES6 оператор typeof всегда возвращал строку независимо от операнда, который использовал.

Для необъявленных идентификаторов функция typeof вернет “undefined” вместо того, чтобы выбросить исключение ReferenceError.

Переменные, имеющие блочную область видимости остаются во временной мертвой зоне до момента инициализации:

Проверка типов

Следующий фрагмент кода демонстрирует проверку типов c использованием оператора typeof :

Ниже представлена сводка результатов проверок типов:

Улучшенная проверка типов

Дополнительные проверки могут быть сделаны при использовании некоторых других характеристик, например:

Проверка на null

Очень важным здесь является использование оператора строгого сравнения. Следующий фрагмент кода иллюстрирует использования значения undefined :

Проверка на NaN

Любая арифметическая операция, включающая в выражение NaN, всегда определяется как NaN.

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

Значение NaN в JavaScript имеет отличительную особенность. Это единственное значение в JavaScript, которое при сравнении с каким-либо другим значением, включая NaN, не будет ему эквивалентно

Вы можете проверить на значение NaN следующим образом

Проверка для массивов

Очень важным здесь является использование оператора строгого сравнения. Следующий фрагмент кода иллюстрирует использования значения undefined :

Общий подход к проверке типов

Как вы видели на примере массивов, метод Object.prototype.toString() может быть полезным при проверки типов объектов для любого значения в JavaScript.

Рассмотрим следующий фрагмент кода:

Фрагмент кода ниже демонстрирует результаты проверки типов с использованием созданной функции type() :

Бонус: не все является объектами

Очень вероятно, что в какой-то момент вы могли столкнуться с этим утверждением:

“Все сущности в JavaScript являются объектами.” — Неправда

Это ошибочное утверждение и на самом деле это неправда. Не все в JavaScript является объектами. Примитивы не являются объектами.

Вы можете начать задаваться вопросом — почему же мы можем делать следующие операции над примитивами, если они не являются объектами?

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

Когда значение было возвращено, объект-обертка отбрасывается и удаляется из памяти. Для операций, перечисленных ранее, JavaScript-движок неявно выполняет следующие действия:

Заключение

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

Если вы заинтересованы в получении дополнительной информации об операторе typeof в JavaScript, обратитесь к этой статье.

Источник

Прочие операторы

Курс: Основы HTML и CSS

Курс: Разработка на C#

Курс: Python-разработчик с нуля

Осваивайте профессию, начните зарабатывать, а платите через год!

Курсы Python Ак­ция! Бес­плат­но!

Станьте хакером на Python за 3 дня

Веб-вёрстка. CSS, HTML и JavaScript

Станьте веб-разработчиком с нуля

Оператор typeof

Оператор typeof — это унарный оператор, который записывается перед своим единственным операндом любого типа и возвращает строковое значение, содержащее тип операнда.

Следующая таблица определяет значения оператора typeof для всех значений, возможных в языке JavaScript:

Операнд оператора typeof может быть записан в двух формах – в скобках () и без скобок:

Примечание: Операнд typeof можно заключить в скобки (), благодаря чему ключевое слово typeof выглядит как имя функции, а не как ключевое слово или оператор: typeof(x). Последнее – вполне допустимый синтаксис, впрочем необязательные круглые скобки лишь создают ненужную группу выражений.

У оператора typeof есть одна особенность, которую обычно называют ошибкой: typeof null возвращает «object». Тем не менее, это технически правильное значение, потому что специальное значение null считается ссылкой на пустой объект.

На заметку: Несмотря на то, что функции в JavaScript являются разновидностью объектов, а не отдельным типом данных, оператор typeof выделяет функции отдельно, возвращая для них «function». На практике эта особенность позволяет легко определить функцию, что обычно весьма удобно.

Оператор void

Это не рекомендуемый подход, но время от времени он встречается в HTML-документах.

Оператор «запятая» (,)

Оператор «запятая» (,) выполняет оба операнда (слева направо) и возвращает значение второго оператора. Левый операнд вычисляется всегда и перед вычислением правого операнда учитываются все побочные эффекты.

Это означает, что значение выражения, находящегося с правой стороны, станет значением разделенного запятыми выражения. Например:

На заметку: Заметьте, что запятая при объявлении переменных с помощью ключевого слова var – это не оператор «запятая», так как в данном случае она находиться не в выражении. Скорее, это разделитель в объявлении переменных комбинирующий их множество в одно выражение.

Следующий пример демонстрирует, что хотя переменной y будет присвоен только последний элемент (x), но выражение слева от запятой (x += 1) также будет вычислено:

На практике оператор «запятая» обычно используется только в сочетании с инструкцией for :

Здесь первая запятая является частью синтаксиса инструкции var. Вторая запятая является оператором: она позволяет внедрить два выражения (i++ и j—) в инструкцию (цикл for), которая ожидает одно выражение.

Операторы доступа (.) и ([])

В JavaScript объект — это набор свойств ассоциированных с ним. Свойство объекта можно рассматривать как переменную, которая закреплена за этим объектом. Свойства объекта определяют его характеристики. Получить доступ к свойству объекта можно с помощью оператора «точка» (.) или оператора «квадратные скобки» ([]).

Например, давайте создадим объект myAuto и, применив оператор «точка», определим его свойства make, model, и year. Вы определяете свойство, просто указывая его значение следующим образом:

Слева от оператора «точка» (.) указывается объект (массив или функция), а справа – идентификатор (имя свойства), к которому выполняется доступ.

Слева от оператора «квадратные скобки» [] указывается объект (массив или функция), а внутри квадратных скобок – имя свойства (или индекс элемента массива). Именем свойства может быть строка или число.

Примечание: Правый операнд оператора «точка» (.) не может быть строкой или переменной, содержащей строку – он должен быть точным именем свойства или метода без каких-либо кавычек.

Оператор «квадратные скобки» [] обычно применяется для обращения к элементам массива. Для доступа к свойствам объекта оператор [] менее удобен, так как требует заключения имени свойства в кавычки.

Доступ к любому имени свойства, которое содержит невалидный JavaScript идентификатор (например, имя свойства включает в себя пробелы, тире, знаки пунктуации или начинается с цифры), может быть получен с использованием квадратных скобок:

Такое присвоение как person[«favorite music»] или person[«my name»] было бы невозможно через оператор «точка», так интерпретатор JavaScript после первого пробела подумает, что свойство закончилось, и далее выдаст синтаксическую ошибку:

Источник