что такое undefined в javascript
undefined
undefined возвращается, если переменная была объявлена, но значение переменной не было установлено.
Например:
В логе мы видим undefined :
undefined также может возникнуть, если свойство объекта не существует.
или функция имеет отсутствующий параметр:
Проверить тип можно с помощью ключевого слова typeof :
undefined может быть задан явно:
Схожие черты
Давайте посмотрим на их сходства.
Вышеприведенное выведет Нет.
также выведет Нет.
Оба являются примитивными значениями
Примитивные типы данных обрабатываются по значению.
Различия
Вы ожидали, что тип null вернет «null«? Правда? Это ошибка в JS существует уже на протяжении почти двух десятилетий, но дело в том, что она не может быть исправлена. Потому, что тысячи сайтов зависят от такого неправильного поведения, исправление которого приведет к их поломке.
Тесты для null
Как мы уже видели, undefined преобразовывается в » undefined «, а null преобразовывается в » object «.
Мы можем легко проверить на undefined:
Для null, мы не можем этого сделать:
typeof null возвращает » object «, и у нас может возникнуть соблазн переписать все вышеперечисленное следующим образом:
Но многие сложные типы данных возвращают объекты, тип может быть проверен через typeof :
Давайте посмотрим, что происходит, когда строгое и не строгое равенство выполняется для обоих типов.
Сравнение равенств
Не строгое сравнение:
Строгое сравнение:
будет false. Почему? Потому, что null => object не тот же тип, что и undefined => undefined.
Передача null и undefined в качестве аргумента функции
Мы должны быть осторожны при объявлении значения аргумента по умолчанию таким образом:
Если вы пытаетесь проверить на null аргумент, помните, так лучше не делать:
или вы можете делегировать функции проверку на null:
вы можете использовать функцию isNull в любом месте вашей программы:
Заключение
Типы данных
Значение в 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 позволяет нам увидеть, какой тип данных сохранён в переменной.
В следующих главах мы сконцентрируемся на примитивных значениях, а когда познакомимся с ними, перейдём к объектам.
7 советов по обработке undefined в JavaScript
Авторизуйтесь
7 советов по обработке undefined в JavaScript
Примечание Вы читаете улучшенную версию некогда выпущенной нами статьи.
Что такое undefined в JavaScript
undefined является специальным значением. Согласно спецификации ECMAScript, undefined в JavaScript можно получить при доступе к неинициализированным переменным, несуществующим свойствам объекта, несуществующим элементам массива, etc. Пример:
Как видим, undefined выводится при попытке доступа к:
Оператор typeof возвращает строку undefined для неопределённого значения:
Оператор typeof отлично подходит для проверки значения undefined в JavaScript:
Как избежать undefined в JavaScript
Неинициализированная переменная
Ниже приведены способы решения проблемы.
1. const и let вместо var
Объявленные таким образом объекты и переменные находятся в области видимости, ограниченной текущим блоком кода, и находятся во временной мёртвой зоне до момента присвоения им значения.
При использовании неизменяемых данных (констант) рекомендуется инициализировать их как const :
Константа не подвергается неинициализированному состоянию, и получить значение undefined в этом случае невозможно.
Если вам нужно менять значение переменной, то обозначьте её как let и также присваивайте ей начальное значение:
Проблема var заключается в поднятии переменных: где бы ни находилось объявление, это равнозначно тому, что переменную объявили в начале кода.
В этом случае переменная myVariable содержит undefined до получения значения:
2. Усиление связности
Связность характеризует степень взаимосвязи элементов модуля (пространства имён, класса, метода, блока кода). Сильная связность предпочтительнее, поскольку предполагает, что элементы модуля должны фокусироваться исключительно на одной задаче. Это поможет модулю быть:
Блок кода сам по себе может считаться небольшим модулем. Чтобы извлечь выгоду из преимуществ сильной связности, нужно держать переменные как можно ближе к блоку кода, который их использует.
Вот классический пример того, как не надо делать:
Доступ к несуществующему свойству
Сам по себе доступ к не вызовет ошибку, а вот при попытке получить значение из несуществующего свойства выведется ошибка:
Проблема в особенностях JavaScript: свойство может быть установлено или отсутствовать. Хорошее решение — установка правил, которые обязывают задать свойствам значения.
Но не всегда возможно контролировать объекты, с которыми приходится работать. Такие объекты могут иметь разный набор свойств в различных сценариях, и каждый из них нужно обрабатывать вручную.
0 и false — ложные значения, потому что if (toAppend.first)<> и if (toAppend.last)<> фактически сравниваются с ложными значениями, и эти элементы не вставляются в массив. Функция возвращает исходный массив [10] без изменений.
1. Наличие свойства
К счастью, JavaScript предлагает множество способов определить, имеет ли объект определённое свойство:
2. Деструктуризация доступа к свойствам объекта
Деструктуризация объекта позволяет устанавливать значение по умолчанию, если свойство не существует: удобно для исключения прямого контакта с undefined :
Применяя преимущества деструктуризации объекта, реализуем quote() :
Деструктурирующее присваивание гарантирует, что используется пустой объект, если второй аргумент не указан вообще. В результате вы избегаете возникновения значения undefined в JavaScript.
3. Свойство по умолчанию
Есть простой способ установить значения по умолчанию для свойств объекта, и имя ему Spread syntax:
Параметры функции
Функция, имеющая определённые параметры, должна вызываться с одинаковым количеством аргументов. В таком случае параметры получают ожидаемые значения:
Лучшим подходом является использование параметров по умолчанию из ES2015:
Возвращаемое значение функции
То же происходит, если return присутствует, но без какого-либо выражения рядом:
Теперь вызов функции выведет нужное значение.
Оператор void
Оператор void выполняет выражение и возвращает undefined вне зависимости от результата:
Одним из вариантов использования оператора void является переопределение результата выполнения выражения и возврат undefined в случае возникновения неожиданных результатов выполнения функции.
Значение undefined в массивах
Вы получаете undefined при попытке доступа к элементу массива с индексом вне пределов массива.
В JavaScript вы можете столкнуться с так называемыми разрежёнными массивами. Эти массивы имеют пробелы, то есть на некоторых индексах не определены никакие элементы. Когда делаем попытку получить доступ к пустому значению в разрежённом массиве, на выходе получаем undefined :
Отличие null и undefined в JavaScript
Основное отличие в том, что undefined представляет значение переменной, которая ещё не была инициализирована, а null — намеренное отсутствие объекта.
Допустим, переменная number определена, но ей не назначено начальное значение:
То же самое произойдёт при попытке доступа к несуществующему свойству объекта:
Или переменная должна ожидать возвращение объекта функции, но по какой-то причине создание объекта невозможно. В этом случае null является значимым индикатором недостающего объекта. Например, clone() — это функция, которая клонирует простой объект JavaScript. Ожидается, что функция вернёт объект:
Строгий оператор равенства === также отличает undefined от null :
Вам также может быть интересна наша статья про обработку ошибок в JavaScript.
Заключение
Стратегия борьбы с undefined в JavaScript:
Настоящее и будущее безопасной работы с null и undefined в JavaScript
Основные сведения
Undefined — это примитивное значение, которое автоматически назначается объявленным, но неинициализированным переменным. Это значение можно получить, обратившись к несуществующему свойству объекта или к несуществующему аргументу функции.
Посмотрим, что произойдёт, если выполнить такой код:
Он выдаст следующую ошибку:
Проверка на null и undefined
Хотя это и работает, смотрятся такие конструкции не очень-то хорошо.
Прежде чем продолжить размышления о null и undefined в JavaScript, поговорим о том, как подобные значения обрабатываются в других языках.
Другие языки
Надо отметить, что проблема работы с неопределёнными значениями присутствует в большинстве языков программирования. Посмотрим, как проводятся проверки, подобные вышеописанным, в других языках.
В Java есть api Optional :
▍Kotlin
Как работать с undefined в JS?
После рассмотрения возможностей по работе с неопределёнными значениями в других языках, я задался вопросом о том, есть ли возможность безопасно работать с undefined в JavaScript и при этом не писать километры кода. Поэтому я приступил к экспериментам с регулярными выражениями. Мне хотелось создать функцию, которая позволила бы безопасно получать доступ к свойствам объектов.
Однако, честно говоря, я не отношусь к фанатам строковых путей, поэтому я начал искать способ, который позволил бы избежать их использования. В результате я создал решение, основанное на прокси-объектах:
Будущее безопасной работы с null и undefined в JavaScript
Сейчас в комитете TC39 имеется предложение, которое позволяет пользоваться следующими конструкциями:
По мне, так выглядит это очень аккуратно. Однако это предложение пока находится на достаточно ранней стадии согласования, то есть, его потенциальное появление в языке может занять некоторое время. Но, несмотря на это, существует плагин для babel, который позволяет уже сегодня пользоваться подобными конструкциями.
Итоги
Уважаемые читатели! Какой из упомянутых в этом материале способов безопасной работы с null и undefined в JavaScript нравится вам больше всего?
IT-блог о веб-технологиях, серверах, протоколах, базах данных, СУБД, SQL, компьютерных сетях, языках программирования и создание сайтов.
Значение null JavaScript. Значение undefined JavaScript. Специальные значения JavaScript. Типы данных JavaScript
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем тему типы данных JavaScript, на эту тему уже были публикации: JavaScript числа, JavaScript строки и символы JavaScript, логические значения true JavaScript и false JavaScript, преобразование строку в число JavaScript и число в строку JavaScript. В рубрике Заметки по JavaScript были также публикации: вставка JavaScript в HTML, JavaScript операторы и JavaScript выражения (void JavaScript, delete JavaScript, typeof JavaScript, new JavaScript). Данная публикация будет посвящена специальным значениям JavaScript значение null JavaScript и значение undefined JavaScript.
Значение null в JavaScript и значение undefined в JavaScript – это специальные значения и они даже чем-то похожи на первый взгляд, но это только на первый взгляд, общее у них только то, что оба этих значения (null и undefined) обозначают отсутствие значения у переменной и оба этих значения преобразуются в значение false. Больше значение null JavaScript и значение undefined JavaScript ничем не похожи между собой. Вот именно о том для чего нужно значение null в JavaScript и для чего используется undefined в JavaScript я и хочу поговорить на этот раз.
Значение null JavaScript. Проверка на null в JavaScript. Преобразование значения null в другие типы данных JavaScript.
Начну я со значения null JavaScript. Ключевое слово null в JavaScript имеет особый смысл, значение null – это уникальное значение, обычно считается, что значение null относится к объектному типу данных JavaScript и говорит об отсутствие объекта. Значение null в JavaScript уникально и оно не похоже на другие значения ни на значение undefined, ни на ноль, ни на логическое значение false. Значение null в других языках – это то же самое, что и ноль, но не в языке JavaScript.
Если JavaScript переменная имеет значение null, то это означает, что эта переменная не содержит в себе ни массив, ни объект, ни строку, ни число, ни логическое значение, хотя значение null JavaScript можно преобразовать в любой тип данных.
Если мы преобразуем значение null в логический тип данных, то null преобразуется в значение false. Если мы хотим преобразовать специальное значение null в JavaScript строку, то мы получим строку “null”. Значение null можно преобразовать в JavaScript число, в этом случае null преобразуется в ноль. Если вы захотите преобразовать значение null в объектный тип данных (JavaScript массив или JavaScript объект), то у вас ничего не выйдет, поскольку в этом случае произойдет ошибка.
Значение undefined JavaScript. Проверка на undefined в JavaScript. Преобразование значения undefined в другие типы данных JavaScript.
Специальное значение undefined JavaScript – это второе специальное значение, которое есть в языке JavaScript. И даже иногда используется. JavaScript переменная имеет значение undefined если эта переменная объявлена, но ей еще не присвоено значение, программа вам вернет значение undefined в том случае, если вы попытаетесь обратиться к свойству JavaScript объекта или к элементу JavaScript массива, которого не существует.
Обратите внимание: значение null JavaScript и значение undefined JavaScript – это не одно и то же. Они даже не эквиваленты, хотя JavaScript оператор ==, оператор эквивалентности считает, что значение null и undefined равны друг другу. Например: