typeof! == "undefined" vs.! = null

Я часто бачу код JavaScript, який перевіряє невизначені параметри і т.д. таким чином:

if (typeof input !== "undefined") {
    // do stuff
}

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

Моє запитання:
Як цей код краще, ніж цей підхід:

if (null != input) {
    // do stuff
}

Наскільки я знаю, ви не можете переосмислити null, тож несподівано це не вийде. І через тиск примусу !=оператора, це перевіряє як undefinedі null..., що часто саме те, що ви хочете (наприклад, для додаткових параметрів функції).

Але ця форма не здається широко розповсюдженою, і вона навіть змушує JSLint кричати на вас за те, що ви використовуєте злий !=оператор.

Чому це вважається поганим стилем?

typeof є безпечнішим, оскільки дозволяє ідентифікатору ніколи не декларуватися раніше:

if(typeof neverDeclared === "undefined") // no errors

if(neverDeclared === null) // throws ReferenceError: neverDeclared is not defined

Якщо змінна оголошена (або за допомогою varключового слова, як аргументу функції, або як глобальної змінної), я вважаю, що найкращий спосіб це зробити:

if (my_variable === undefined)

jQuery це робить, тому для мене це досить добре :-)

В іншому випадку вам доведеться використовувати, typeofщоб уникнути ReferenceError.

Якщо ви очікуєте, що невизначене значення буде переосмислено, ви можете перетворити свій код таким чином:

(function(undefined){
    // undefined is now what it's supposed to be
})();

Або отримати його через voidоператора:

const undefined = void 0;
// also safe

хороший спосіб:

if(typeof neverDeclared == "undefined") //no errors

Але найкраще виглядати за допомогою:

if(typeof neverDeclared === typeof undefined) //also no errors and no strings

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

(function($, Backbone, _, undefined) {
    //undefined is undefined here.
})(jQuery, Backbone, _);

Якщо ви працюєте із глобальними змінними (що вже неправильно) у середовищі браузера, я б перевірив, чи не визначено так:

if(window.neverDefined === undefined) {
    //Code works
}

Оскільки глобальні змінні є частиною об’єкта вікна, ви можете просто перевірити, чи не визначено, замість того, щоб вводити їх у рядок і порівнювати рядки.

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

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

function is_undefined(value) {
   var undefined_check; // instantiate a new variable which gets initialized to the real undefined value
   return value === undefined_check;
}

Це працює, тому що коли хтось пише, undefined = "foo"він дозволяє лише посилання на ім'я undefined на нове значення, але він не змінює фактичне значення undefined.

Ви також можете скористатися оператором void для отримання невизначеного значення:

if (input !== void 0) {
    // do stuff    
}

(І так, як зазначено в іншій відповіді, це призведе до помилки, якщо змінна не була оголошена, але цей випадок часто може бути виключений або за допомогою перевірки коду, або за допомогою рефакторингу коду, наприклад, window.input !== void 0для тестування глобальних змінних або додавання var input.)

Я фактично натрапив, якщо (typeof input !== 'undefined')в цьому сценарії, де він використовується для надання параметрів функції за замовчуванням:

function greet(name, greeting) {
  name = (typeof name !== 'undefined') ?  name : 'Student';
  greeting = (typeof greeting !== 'undefined') ?  greeting : 'Welcome';

  return `${greeting} ${name}!`;
}

greet(); // Welcome Student!
greet('James'); // Welcome James!
greet('Richard', 'Howdy'); // Howdy Richard!

ES6 пропонує нові способи введення параметрів функції за замовчуванням таким чином:

function greet(name = 'Student', greeting = 'Welcome') {
  return `${greeting} ${name}!`;
}

greet(); // Welcome Student!
greet('James'); // Welcome James!
greet('Richard', 'Howdy'); // Howdy Richard!

Це менш багатослівно і чіткіше, ніж перший варіант.

if (input == undefined) { ... }

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

else if (input) { ... }

робить це.

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

Єдиною причиною, про яку я можу подумати, є сумісність з IE4, це не зрозуміло undefinedключове слово (яке, на жаль, не є ключовим словом), але, звичайно, значення можуть бути undefined , тому вам довелося мати це:

var undefined;

і порівняння вище буде добре працювати.

У вашому другому прикладі вам, мабуть, потрібні подвійні круглі дужки, щоб зробити обличчя щасливим?