Нульова перевірка JavaScript

Я натрапив на такий код:

function test(data) {
    if (data != null && data !== undefined) {
        // some code here
    }
}

Я дещо новачок у JavaScript, але, з інших питань, які я тут читав, я маю враження, що цей код не має особливого сенсу.

Ви отримаєте помилку, якщо отримаєте доступ до невизначеної змінної в будь-якому іншому контексті, крім typeof.

Оновлення: відповідь (цитата) вище може бути оманливою. Слід сказати «незадекларована змінна» , а не «невизначена змінна» .

Як я з'ясував, у відповідях Райана ♦ , maerics та nwellnhof , навіть коли жодним аргументом не надано функції, її змінні для аргументів завжди зазначаються. Цей факт також підтверджує неправильність першого пункту у списку нижче.

Наскільки я розумію, можливі наступні сценарії:

• Функція викликалася без аргументів, таким чином, робиться dataневизначена змінна і виникає помилка на data != null.

• Функція викликалася спеціально з null(або undefined), як її аргумент, і в цьому випадку data != nullвже захищає внутрішній код, роблячи && data !== undefinedмарним.

• Функція викликалася ненульовим аргументом, і в цьому випадку вона буде тривіально передавати і data != null і, і data !== undefined .

Питання: Чи правильно я розумію?

На консолі Firefox я спробував наступне:

--
[15:31:31.057] false != null
[15:31:31.061] true
--
[15:31:37.985] false !== undefined
[15:31:37.989] true
--
[15:32:59.934] null != null
[15:32:59.937] false
--
[15:33:05.221] undefined != null
[15:33:05.225] false
--
[15:35:12.231] "" != null
[15:35:12.235] true
--
[15:35:19.214] "" !== undefined
[15:35:19.218] true

Я не можу з’ясувати випадок, коли data !== undefined після цього data != null може бути корисно.

"Не визначена змінна" відрізняється від значення undefined.

Невизначена змінна:

var a;
alert(b); // ReferenceError: b is not defined

Змінна зі значенням undefined:

var a;
alert(a); // Alerts “undefined”

Коли функція бере аргумент, цей аргумент завжди оголошується, навіть якщо його значення є undefined, і тому помилки не буде. Ви маєте рацію != nullслід !== undefinedмарності, хоча.

У JavaScript null- це спеціальний однотонний об'єкт, який корисний для сигналізації "немає значення". Ви можете перевірити його за допомогою порівняння, і, як зазвичай в JavaScript, це добра практика використання ===оператора, щоб уникнути плутанини примусу типу:

var a = null;
alert(a === null); // true

Як зазначає @rynah, "undefined" трохи заплутаний у JavaScript. Однак завжди безпечно перевірити, чи typeof(x)є рядок "невизначеним", навіть якщо "х" не є оголошеною змінною:

alert(typeof(x) === 'undefined'); // true

Крім того, змінні можуть мати "невизначене значення", якщо вони не ініціалізовані:

var y;
alert(typeof(y) === 'undefined'); // true

Збираючи все це разом, ваш чек повинен виглядати так:

if ((typeof(data) !== 'undefined') && (data !== null)) {
  // ...

Однак, оскільки змінна "data" завжди визначається, оскільки це формальний параметр функції, використання оператора "typeof" не є необхідним, і ви можете сміливо порівнювати безпосередньо з "undefined value".

function(data) {
  if ((data !== undefined) && (data !== null)) {
    // ...

Цей фрагмент означає, що "якщо функція викликалася аргументом, який визначений і не є нульовим ..."

У вашому випадку використовуйте data==null(що справедливо ТОЛЬКО для нульового та невизначеного - на другому малюнку зосередьтеся на рядках / стовпцях, що мають значення null-undefined)

function test(data) {
    if (data != null) {
        console.log('Data: ', data);
    }
}

test();          // the data=undefined
test(null);      // the data=null
test(undefined); // the data=undefined

test(0); 
test(false); 
test('something');

Тут у вас є все ( src ):

якщо

== (його заперечення ! = )

=== (його заперечення ! == )

З: Функція викликалася без аргументів, що робить дані неозначеною змінною та підвищує помилку в даних! = Null.

A: Так, dataбуде встановлено невизначений. Див. Розділ 10.5 Декларація, що зобов'язує миттєвий характер специфікації. Але доступ до невизначеного значення не викликає помилки. Ви, ймовірно, плутаєте це з доступом до незадекларованої змінної в суворому режимі, що призводить до помилки.

З: Функція викликалася спеціально з null (або невизначеною), як її аргумент, і в цьому випадку дані! = Null вже захищає внутрішній код, роблячи && data! == undefined непридатними.

З: Функція викликалася ненульовим аргументом, і в цьому випадку вона буде тривіально передавати обидва дані! = Null та data! == undefined.

A: Правильно. Зауважте, що наступні тести еквівалентні:

data != null
data != undefined
data !== null && data !== undefined

Див. Розділ 11.9.3 Алгоритм порівняння абстрактних рівностей та розділ 11.9.6 Алгоритм порівняння рівних рівностей специфікації.

Я думаю, тестування змінних на значення, яких ви не очікуєте, взагалі не є хорошою ідеєю. Тому що тест як ваш можна розглянути як написання чорного списку заборонених значень. Але що робити, якщо ви забудете перерахувати всі заборонені значення? Хтось, навіть ви, може зламати ваш код, передаючи несподіване значення. Тому більш підходящим підходом є щось на зразок білого списку - тестування змінних лише на очікувані значення, а не несподівані. Наприклад, якщо ви очікуєте, що значення даних буде рядком замість цього:

function (data) {
  if (data != null && data !== undefined) {
    // some code here
    // but what if data === false?
    // or data === '' - empty string?
  }
}

зробити щось подібне:

function (data) {
  if (typeof data === 'string' && data.length) {
    // consume string here, it is here for sure
    // cleaner, it is obvious what type you expect
    // safer, less error prone due to implicit coercion
  } 
}

typeof foo === "undefined"відрізняється від foo === undefined, ніколи не плутайте їх. typeof foo === "undefined"це те, що вам справді потрібно. Також використовуйте !==замість!=

Тож заяву можна записати як

function (data) {
  if (typeof data !== "undefined" && data !== null) {
    // some code here
  }
}

Редагувати:

Не можна використовувати foo === undefinedдля недекларованих змінних.

var t1;

if(typeof t1 === "undefined")
{
  alert("cp1");
}

if(t1 === undefined)
{
  alert("cp2");
}

if(typeof t2 === "undefined")
{
  alert("cp3");
}

if(t2 === undefined) // fails as t2 is never declared
{
  alert("cp4");
}

Простий спосіб зробити тест:

function (data) {
    if (data) { // check if null, undefined, empty ...
        // some code here
    }
}

var a;
alert(a); //Value is undefined

var b = "Volvo"; 
alert(b); //Value is Volvo

var c = null;
alert(c); //Value is null