JavaScript OR (||) giải thích gán biến

Đưa ra đoạn mã JavaScript này ...

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

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

alert(f); // 4

Ai đó có thể vui lòng giải thích cho tôi kỹ thuật này được gọi là gì (dự đoán tốt nhất của tôi là trong tiêu đề của câu hỏi này!)? Và làm thế nào / tại sao nó hoạt động chính xác?

Tôi hiểu rằng biến đó fsẽ được gán giá trị gần nhất (từ trái sang phải) của biến đầu tiên có giá trị không phải là null hoặc không xác định, nhưng tôi đã không tìm thấy nhiều tài liệu tham khảo về kỹ thuật này và có Thấy nó dùng nhiều.

Ngoài ra, kỹ thuật này có dành riêng cho JavaScript không? Tôi biết làm một cái gì đó tương tự trong PHP sẽ dẫn đến fviệc có một giá trị boolean thực sự, hơn là giá trị của dchính nó.

Xem đánh giá ngắn mạch để giải thích. Đó là một cách phổ biến để thực hiện các toán tử này; nó không phải là duy nhất cho JavaScript.

Này được thực hiện để gán một giá trị mặc định , trong trường hợp này giá trị của y, nếu xbiến là falsy .

Các toán tử boolean trong JavaScript có thể trả về một toán hạng và không phải lúc nào cũng là kết quả boolean như trong các ngôn ngữ khác.

Toán tử logic OR ( ||) trả về giá trị của toán hạng thứ hai của nó, nếu toán tử thứ nhất là sai, nếu không thì giá trị của toán hạng thứ nhất được trả về.

Ví dụ:

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

Falsy giá trị là những người ép buộc đến falsekhi được sử dụng trong bối cảnh boolean, và họ là 0, null, undefined, một chuỗi rỗng, NaNvà tất nhiên false.

Javacript sử dụng đánh giá ngắn mạch cho các toán tử logic ||và &&. Tuy nhiên, nó khác với các ngôn ngữ khác ở chỗ nó trả về kết quả của giá trị cuối cùng đã tạm dừng thực thi, thay vì a truehoặc falsegiá trị.

Các giá trị sau được coi là giả trong JavaScript.

• sai
• vô giá trị
• "" (chuỗi trống)
• 0
• Nan
• chưa xác định

Bỏ qua các quy tắc ưu tiên toán tử và giữ cho mọi thứ đơn giản, các ví dụ sau đây cho thấy giá trị nào đã dừng đánh giá và được trả về kết quả.

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

5 giá trị đầu tiên NaNtrở lên là sai lệch vì vậy tất cả chúng được đánh giá từ trái sang phải, cho đến khi nó đáp ứng giá trị trung thực đầu tiên - "Hello"làm cho toàn bộ biểu thức là đúng, do đó, mọi giá trị tiếp theo sẽ không được đánh giá và "Hello"được trả về do kết quả của biểu thức . Tương tự, trong trường hợp này:

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

5 giá trị đầu tiên đều là sự thật và được đánh giá cho đến khi nó đáp ứng giá trị nullgiả mạo đầu tiên ( ) làm cho biểu thức sai, do đó 2010không được đánh giá nữa và nullđược trả về do kết quả của biểu thức.

Ví dụ bạn đã đưa ra là sử dụng thuộc tính JavaScript này để thực hiện một bài tập. Nó có thể được sử dụng bất cứ nơi nào mà bạn cần để có được giá trị trung thực hoặc giả đầu tiên trong số các giá trị. Mã này dưới đây sẽ gán giá trị "Hello"đến bkhi nó làm cho nó dễ dàng hơn để gán một giá trị mặc định, thay vì làm if-else kiểm tra.

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

Bạn có thể gọi ví dụ dưới đây là khai thác tính năng này và tôi tin rằng nó làm cho mã khó đọc hơn.

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

Bên trong cảnh báo, chúng tôi kiểm tra xem có phải messageslà giả hay không, và nếu có, sau đó đánh giá và trả lại noNewMessagesText, nếu không thì đánh giá và trả lại newMessagesText. Vì nó sai trong ví dụ này, chúng tôi dừng lại ở noNewMessagesText và cảnh báo "Sorry, you have no new messages.".

Các biến Javascript không được gõ, vì vậy f có thể được gán một giá trị số nguyên mặc dù nó được gán thông qua các toán tử boolean.

f được gán giá trị gần nhất không tương đương với false . Vì vậy, 0, false, null, không xác định, tất cả đều được chuyển qua:

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

Không có phép thuật nào với nó. Biểu thức Boolean như a || b || c || dđược đánh giá lười biếng. Interpeter tìm kiếm giá trị của a, nó không được xác định vì vậy nó sai nên nó tiếp tục, sau đó nó thấy bcái nào là null, vẫn cho kết quả sai để nó tiếp tục, sau đó nó nhìn thấy c- cùng một câu chuyện. Cuối cùng, nó nhìn thấy dvà nói 'huh, nó không phải là null, vì vậy tôi có kết quả của mình' và nó gán nó cho biến cuối cùng.

Thủ thuật này sẽ hoạt động trong tất cả các ngôn ngữ động thực hiện đánh giá ngắn mạch các biểu thức boolean. Trong các ngôn ngữ tĩnh, nó sẽ không biên dịch (lỗi loại). Trong các ngôn ngữ mong muốn đánh giá các biểu thức boolean, nó sẽ trả về giá trị logic (nghĩa là đúng trong trường hợp này).

Câu hỏi này đã nhận được một số câu trả lời tốt.

Tóm lại, kỹ thuật này đang tận dụng một tính năng về cách ngôn ngữ được biên dịch. Nghĩa là, JavaScript "đoản mạch" việc đánh giá các toán tử Boolean và sẽ trả về giá trị được liên kết với giá trị biến không sai đầu tiên hoặc bất cứ biến nào cuối cùng chứa. Xem giải thích của Anurag về những giá trị sẽ đánh giá là sai.

Sử dụng kỹ thuật này không phải là thực hành tốt vì nhiều lý do; Tuy nhiên.

1. Khả năng đọc mã: Đây là sử dụng các toán tử Boolean và nếu hành vi về cách biên dịch này không được hiểu, thì kết quả mong đợi sẽ là giá trị Boolean.
2. Tính ổn định: Đây là cách sử dụng một tính năng về cách ngôn ngữ được biên dịch không nhất quán trên nhiều ngôn ngữ và do đó, đây là thứ có khả năng được nhắm mục tiêu thay đổi trong tương lai.

3. Các tính năng tài liệu: Có một giải pháp thay thế hiện có đáp ứng nhu cầu này và phù hợp với nhiều ngôn ngữ hơn. Đây sẽ là toán tử ternary:

   ()? giá trị 1: Giá trị 2.

Sử dụng toán tử ternary đòi hỏi phải gõ nhiều hơn một chút, nhưng nó phân biệt rõ ràng giữa biểu thức Boolean được đánh giá và giá trị được gán. Ngoài ra, nó có thể được xâu chuỗi, vì vậy các loại bài tập mặc định đang được thực hiện ở trên có thể được tạo lại.

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

Trả lại đầu ra giá trị thực đầu tiên .

Nếu tất cả đều trả về giá trị sai cuối cùng.

Thí dụ:-

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

Nó đặt biến mới ( z) thành giá trị của xnếu đó là "sự thật" (khác không, một đối tượng / mảng / hàm hợp lệ / bất cứ điều gì) hoặc ynếu không. Đó là một cách tương đối phổ biến để cung cấp một giá trị mặc định trong trường hợpx không tồn tại.

Ví dụ: nếu bạn có một hàm lấy tham số gọi lại tùy chọn, bạn có thể cung cấp một cuộc gọi lại mặc định không làm gì cả:

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

Điều đó có nghĩa là nếu xđược đặt, giá trị cho zsẽ là x, nếu không, nếu yđược đặt thì giá trị của nó sẽ được đặt thành zgiá trị của.

nó giống như

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

Có thể bởi vì các toán tử logic trong JavaScript không trả về các giá trị boolean nhưng giá trị của phần tử cuối cùng cần thiết để hoàn thành thao tác (trong câu OR nó sẽ là giá trị không sai đầu tiên, trong câu AND sẽ là giá trị cuối cùng ). Nếu hoạt động thất bại, sau đó falseđược trả lại.

Nó được gọi là toán tử ngắn mạch.

Đánh giá ngắn mạch cho biết, đối số thứ hai chỉ được thực hiện hoặc đánh giá nếu đối số thứ nhất không đủ để xác định giá trị của biểu thức. khi đối số đầu tiên của hàm OR (||) ước tính là true, giá trị tổng thể phải là true.

Nó cũng có thể được sử dụng để đặt giá trị mặc định cho đối số hàm .`

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`

Nó sẽ đánh giá X và, nếu X không phải là null, chuỗi rỗng hoặc 0 (logic sai), thì nó sẽ gán nó cho z. Nếu X là null, chuỗi rỗng hoặc 0 (logic sai), thì nó sẽ gán y cho z.

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

Sẽ xuất 'bob';

Theo bài đăng trên Blog của Bill Higgins ; thành ngữ logic OR OR gán (tháng 2 năm 2007), hành vi này đúng với v1.2 (ít nhất)

Ông cũng gợi ý một cách sử dụng khác cho nó (trích dẫn): " bình thường hóa nhẹ sự khác biệt giữa các trình duyệt "

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