Пояснення присвоєння змінної JavaScript АБО (||)

Враховуючи цей фрагмент JavaScript ...

var a;
var b = null;
var c = undefined;
var d = 4;
var e = 'five';

var f = a || b || c || d || e;

alert(f); // 4

Може хтось, будь ласка, пояснить мені, як називається ця техніка (найкраща здогадка - у назві цього питання!)? І як / чому це працює саме?

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

Також, ця методика є специфічною для JavaScript? Я знаю, що щось подібне в PHP спричинить за fсобою справжнє булеве значення, а не значення самого dсебе.

Дивіться оцінку короткого замикання для пояснення. Це загальний спосіб реалізації цих операторів; це не властиво JavaScript.

Це робиться для призначення значення за замовчуванням , у цьому випадку значення y, якщо xзмінна є хибною .

Булі оператори в JavaScript можуть повернути операнд, і не завжди булевий результат, як в інших мовах.

Оператор логічного АБО ( ||) повертає значення свого другого операнда, якщо перший - хибний, інакше повертається значення першого операнда.

Наприклад:

"foo" || "bar"; // returns "foo"
false || "bar"; // returns "bar"

Falsy значення є ті , які примушують до falseпри використанні в логічному контексті, і вони 0, null, undefined, порожній рядок, NaNі, звичайно ж false.

Javacript використовує оцінку короткого замикання для логічних операторів ||і &&. Однак для інших мов він відрізняється тим, що він повертає результат останнього значення, яке зупинило виконання, а не значення trueабо falseзначення.

Наступні значення вважаються хибними в JavaScript.

• помилковий
• нуль
• "" (порожній рядок)
• 0
• Нан
• невизначений

Чи не звертаючи уваги на першочерговість оператора правила, і тримати речі простими, такі приклади показують , яке значення призупинили оцінку, і отримує повертаються в якості результату.

false || null || "" || 0 || NaN || "Hello" || undefined // "Hello"

Перші 5 значень вгорі NaNє хибними, тому всі вони оцінюються зліва направо, поки воно не відповідає першому значенню, "Hello"що робить цілком правдивим значення, тому все вираження є істинним, тому все подальше вгору не буде оцінено і "Hello"повернеться в результаті вираження . Аналогічно в цьому випадку:

1 && [] && {} && true && "World" && null && 2010 // null

Перші п'ять значень є правдоподібними і оцінюються до тих пір, поки воно не зустріне перше значення nullхибності ( ), яке робить вираз помилковим, тому 2010більше не оцінюється і nullповертається в результаті виразу.

Наведений вами приклад - це використання цього властивості JavaScript для виконання завдання. Його можна використовувати в будь-якому місці, де потрібно отримати перше значення фальшивої чи хибної серед набору значень. Цей код нижче буде привласнити значення , "Hello"щоб , bяк це робить його легше привласнити значення за замовчуванням, замість того , щоб робити if-іншу перевірку.

var a = false;
var b = a || "Hello";

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

var messages = 0;
var newMessagesText = "You have " + messages + " messages.";
var noNewMessagesText = "Sorry, you have no new messages.";
alert((messages && newMessagesText) || noNewMessagesText);

Всередині попередження ми перевіряємо, чи messagesнеправдиво, а якщо так, то оцінюємо та повертаємо noNewMessagesText, інакше оцінюємо та повертаємося newMessagesText. Оскільки в цьому прикладі помилково, ми зупиняємось на noNewMessagesText та попереджаємо "Sorry, you have no new messages.".

Змінні Javascript не набираються, тому f може бути призначене ціле значення, навіть якщо воно було призначене через булеві оператори.

f присвоюється найближче значення, не еквівалентне хибному . Отже 0, false, null, undefined, всі передаються:

alert(null || undefined || false || '' || 0 || 4 || 'bar'); // alerts '4'

У цьому немає ніякої магії. Булеві вирази на зразок a || b || c || dліниво оцінюються. Інтерпетер шукає значення a, воно не визначене, тому воно хибне, тому воно рухається далі, потім він бачить, bщо є нульовим, що все-таки дає хибний результат, тому він рухається далі, потім бачить c- та сама історія. Нарешті він бачить dі каже "так, це не нульово, тому я маю результат", і він призначає його до остаточної змінної.

Цей трюк буде працювати у всіх динамічних мовах, які виконують ледачу оцінку короткого замикання булевих виразів. У статичних мовах він не компілюється (помилка введення). У мовах, які прагнуть оцінювати булеві вирази, воно поверне логічне значення (тобто істинне в даному випадку).

На це запитання вже отримано кілька хороших відповідей.

Підсумовуючи це, ця методика використовує особливість того, як складається мова. Тобто JavaScript "коротке замикання" оцінює булеві оператори і поверне значення, пов'язане або з першим неправдивим значенням змінної, або з тим, що містить остання змінна. Див. Пояснення Анурага тих значень, які будуть оцінені на хибних.

Використання цієї методики не є хорошою практикою з кількох причин; проте

1. Читання коду: для цього використовуються оператори Boolean, і якщо поведінка способу компіляції не зрозуміла, очікуваний результат буде булевим значенням.
2. Стабільність: це використовує функцію того, як складається мова, яка є непослідовною для кількох мов, і завдяки цьому вона може бути орієнтована на зміни в майбутньому.

3. Документовані особливості: Існує існуюча альтернатива, яка відповідає цій потребі і є послідовною для більшої кількості мов. Це буде потрійний оператор:

   ()? значення 1: значення 2.

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

var a;
var b = null;
var c = undefined;
var d = 4;
var e = 'five';

var f =  ( a ) ? a : 
                ( b ) ? b :
                       ( c ) ? c :
                              ( d ) ? d :
                                      e;

alert(f); // 4

Повернути вихід перше справжнє значення .

Якщо всі помилкові, повертаються останні помилкові значення.

Приклад: -

  null || undefined || false || 0 || 'apple'  // Return apple

Він встановлює нову змінну ( z) або значенню, xякщо вона "truthy" (не нульова, дійсний об'єкт / масив / функція / як би вона не була) або yіншим чином. Це відносно поширений спосіб надання значення за замовчуванням, якщо xйого немає.

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

function doSomething(data, callback) {
    callback = callback || function() {};
    // do stuff with data
    callback(); // callback will always exist
}

Це означає, що якщо xвстановлено, значення for zбуде x, інакше якщо yвстановлено, то його значення буде встановлено як zзначення s.

це те саме, що

if(x)
  z = x;
else
  z = y;

Це можливо, тому що логічні оператори в JavaScript не повертають булевих значень, а значення останнього елемента, необхідного для завершення операції (в реченні АБО це було б перше неправдиве значення, у реченні AND було б останнє ). Якщо операція не вдалася, то falseповертається.

Його називають оператором короткого замикання.

Оцінка короткого замикання говорить, що другий аргумент виконується або оцінюється лише в тому випадку, якщо першого аргументу недостатньо для визначення значення виразу. коли перший аргумент функції АБО (||) оцінюється як істинне, загальне значення повинно бути істинним.

Він також може бути використаний для встановлення значення за замовчуванням для аргументу функції. "

function theSameOldFoo(name){ 
  name = name || 'Bar' ;
  console.log("My best friend's name is " + name);
}
theSameOldFoo();  // My best friend's name is Bar
theSameOldFoo('Bhaskar');  // My best friend's name is Bhaskar`

Він оцінить X і, якщо X не є нульовим, порожній рядок або 0 (логічне хибне), то він призначить його z. Якщо X дорівнює нулю, порожній рядок або 0 (логічно хибне), то він призначить y z.

var x = '';
var y = 'bob';
var z = x || y;
alert(z);

Виведе "bob";

Відповідно до публікації в блозі Білла Хіггінса ; ідіома присвоєння JavaScript логічного АБО (лют. 2007), така поведінка вірна з версії 1.2 (принаймні)

Він також пропонує ще одне використання для цього (цитується): " легка нормалізація перехресних браузерних відмінностей "

// determine upon which element a Javascript event (e) occurred
var target = /*w3c*/ e.target || /*IE*/ e.srcElement;