Как правильней в JS писать undefined или «undefined» проверку?

Question

[Сергей Кореневский]

Как правильно проверять условие:
if(VarName === undefined)
или
if(typeof VarName === 'undefined')
Хочу сделать проверку JS:

if(['undefined', undefined, null, false, 0, "" ].includes(VarName) )

Такая проверка Не будет вызывать ошибок данных?

Comments

[Андрей Шевкалюк]

if(typeof VarName === 'undefined')

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

[Сергей Кореневский]

Андрей Шевкалюк, typeof varName === 'undefined'
и
varName === undefined
это и есть тоже самое????
мне нужно сделать проверка ну undefined, null и false.
Но вопрос мне обязательно писать в массиве 'undefined' с ковычками?
или с ковычками нужно писать там где написано typeof?
По сути нужна проверка

typeof varName === 'undefined' || varName === undefined || varName === 0  || varName === false  || varName === ''

Интересует то что является ли тут избыточной проверкой typeof varName === 'undefined' а если является то удобней писать конечно [...].includes(VarName)

[Андрей Шевкалюк]

Сергей Кореневский,

typeof varName === 'undefined'
и
varName === undefined
это и есть тоже самое????

Нет.

typeof varName берет тип переменной и выводит его в виде строки, поэтому проверять надо обязательно с кавычками:
typeof varName === 'undefined'
С помощью этой записи вы можете проверить, была ли переменная вообще объявлена или нет.

А вот такая запись varName === undefined сравнивает значение переменной с undefined, но если у вас эта переменная не была объявлена, то эта строка выдаст ошибку, потому что невозможно получить значение несуществующей переменной.

Если вы уверены, что переменная была объявлена, то можете проверять так:

let variable = undefined; // объявляем переменную
variable === undefined; // проверяем значение переменной на соответствие undefined - выводит TRUE

undefined - это данные, которые могут лежать в переменной.
"undefined" - то строковое обозначение типа, которое возвращает функция typeof.

[Сергей Кореневский]

Андрей Шевкалюк, Вы абсолютно правы. Разница есть.
НО! если учесть то что код пишется в формате "use strict".
А формат "use strict" подразумевает обязательное объявление переменных. То проверка typeof в кода в формате "use strict" становится полностью эквивалентной проверки (varName === udnefined).
Как мне ниже объяснил Robur, что проверка typeof имеет смысл только для старых браузеров или для старого кода в где раньше писали проверки только через двойное равно.

Answer 1

[Erouech]

let a; // неопределена
let b = ['undefined', undefined, null, false, 0, "" ]
let e = (b.includes(a)) ? 'В массиве присутствует undefined' : 'В массиве отсутствует undefined';

Вернёт bool, ошибок не будет если это массив.

Comments

[Сергей Кореневский]

typeof varName === 'undefined'
и
varName === undefined
это и есть тоже самое????
мне нужно сделать проверка ну undefined, null и false.
Но вопрос мне обязательно писать в массиве 'undefined' с ковычками?
или с ковычками нужно писать там где написано typeof?

[Сергей Кореневский]

По сути нужна проверка

typeof varName === 'undefined' || varName === undefined || varName === 0  || varName === false  || varName === ''

Интересует то что является ли тут избыточной проверкой typeof varName === 'undefined' а если является то удобней писать конечно [...].includes(VarName)

Answer 2

[Robur]

if(VarName === undefined)
этого достаточно

if(['undefined', undefined, null, false, 0, "" ].includes(VarName) )

это совсем другое условие, будет "работать правильно" если вы хотите именно то что это условие делает. Если хотите что-то другое то будет "работать неправильно"

скорее всего то что вы хотели тут сделать, можно сделать написав
if (!VarName)

Comments

[Сергей Кореневский]

typeof varName === 'undefined'
и
varName === undefined
это и есть одно и тоже самое????

[Robur]

Сергей Кореневский, практически.
Первый вариант применялся во времена jquery чтобы защититься от какого-нибудь вредного скрипта который может сделать var undefined = 123 или еще как-то его испортить. но я такого в реальности так и не встретил.
Вот прямо сейчас попробовал в хроме - он просто не меняет значение undefined.

И еще использовался во времена повального использования нестрогого равенства (==) и зубрения всех странностей приведения типов, чтобы "точно было undefined". Потом народ освоил оператор ===

Так что можно писать второй вариант и не забивать себе мозг

[Сергей Кореневский]

Robur, Спасибо огромное.
Ни разу не попадалось описание в сети в чем различие проверок.
Пишу скрипт, теперь после Вашего разъяснения буду скрипт чистить от кавычек и typeof. потому что я везде делал двойную проверку.