Các toán tử Ternary trong JavaScript mà không có Else khác

Tôi luôn phải đặt nulltrong những điều kiện khác mà không có gì cả. Có dù sao xung quanh nó? Ví dụ

condition ? x = true : null;

về cơ bản, có một cách để làm:

condition ? x = true;

Bây giờ nó hiển thị như là một lỗi cú pháp

FYI, đây là một số mã ví dụ thực tế:

!defaults.slideshowWidth ? defaults.slideshowWidth = obj.find('img').width()+'px' : null;

Trước hết, một biểu thức ternary không phải là sự thay thế cho cấu trúc if / other - nó tương đương với cấu trúc if / other trả về một giá trị. Nghĩa là, một mệnh đề if / other là mã, một biểu thức ternary là một biểu thức , có nghĩa là nó trả về một giá trị.

Điều này có nghĩa là một số điều:

• chỉ sử dụng các biểu thức ternary khi bạn có một biến ở bên trái =nghĩa là được gán giá trị trả về
• chỉ sử dụng biểu thức ternary khi giá trị được trả về là một trong hai giá trị (hoặc sử dụng biểu thức lồng nhau nếu phù hợp)
• mỗi phần của biểu thức (sau? và sau :) sẽ trả về một giá trị không có tác dụng phụ (biểu thức x = truetrả về true vì tất cả các biểu thức trả về giá trị cuối cùng, nhưng cũng thay đổi x mà không có bất kỳ ảnh hưởng nào đến giá trị được trả về)

Nói tóm lại - việc sử dụng 'chính xác' của một biểu thức ternary là

var resultofexpression = conditionasboolean ? truepart: falsepart;

Thay vì ví dụ của bạn condition ? x=true : null ;, nơi bạn sử dụng biểu thức ternary để đặt giá trị củax , bạn có thể sử dụng biểu thức này:

 condition && (x = true);

Đây vẫn là một biểu thức và do đó có thể không vượt qua xác nhận, vì vậy một cách tiếp cận thậm chí tốt hơn sẽ là

 void(condition && x = true);

Cái cuối cùng sẽ vượt qua xác nhận.

Nhưng một lần nữa, nếu giá trị mong đợi là boolean, chỉ cần sử dụng kết quả của chính biểu thức điều kiện

var x = (condition); // var x = (foo == "bar");

CẬP NHẬT Liên quan đến mẫu của bạn, điều này có lẽ phù hợp hơn:

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

Không, nó cần ba toán hạng. Đó là lý do tại sao chúng được gọi là ternary nhà khai thác .

Tuy nhiên, với những gì bạn có làm ví dụ, bạn có thể làm điều này:

if(condition) x = true;

Mặc dù an toàn hơn khi niềng răng nếu bạn cần thêm nhiều hơn một tuyên bố trong tương lai:

if(condition) { x = true; }

Chỉnh sửa: Bây giờ bạn đề cập đến mã thực tế mà câu hỏi của bạn áp dụng cho:

if(!defaults.slideshowWidth)
    { defaults.slideshowWidth = obj.find('img').width()+'px'; }

Mọi người thường sử dụng các toán tử logic để rút ngắn cú pháp câu lệnh:

!defaults.slideshowWidth &&
  (defaults.slideshowWidth = obj.find('img').width()+'px');

Nhưng trong trường hợp cụ thể của bạn, cú pháp có thể đơn giản hơn nữa

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

Mã này sẽ trả về defaults.slideshowWidthgiá trị nếu defaults.slideshowWidthđược đánh giá là đúng vàobj.find('img').width()+'px' giá trị khác.

Xem phần Đánh giá ngắn mạch của các toán tử logic để biết chi tiết.

var x = condition || null;

Bạn có thể viết

x = condition ? true : x;

Vì vậy, x là không thay đổi khi điều kiện là sai.

Điều này sau đó tương đương với

if (condition) x = true

BIÊN TẬP:

!defaults.slideshowWidth 
      ? defaults.slideshowWidth = obj.find('img').width()+'px' 
      : null 

Có một vài lựa chọn thay thế - tôi không nói rằng những thứ này tốt hơn / tệ hơn - chỉ đơn thuần là những lựa chọn thay thế

Truyền vào null là tham số thứ ba hoạt động vì giá trị hiện tại là null. Nếu bạn tái cấu trúc và thay đổi điều kiện, thì có một mối nguy hiểm là điều này không còn đúng nữa. Vượt qua giá trị hiện tại là lựa chọn thứ 2 trong đội bảo vệ chim nhạn chống lại điều này:

!defaults.slideshowWidth = 
      ? defaults.slideshowWidth = obj.find('img').width()+'px' 
      : defaults.slideshowwidth 

An toàn hơn, nhưng có lẽ không đẹp khi nhìn vào, và gõ nhiều hơn. Trong thực tế, tôi có thể viết

defaults.slideshowWidth = defaults.slideshowWidth 
               || obj.find('img').width()+'px'

Trong trường hợp của bạn, tôi thấy toán tử ternary là dự phòng. Bạn có thể gán biến trực tiếp cho biểu thức, sử dụng toán tử ||, &&.

!defaults.slideshowWidth ? defaults.slideshowWidth = obj.find('img').width()+'px' : null ;

sẽ trở thành :

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

Rõ ràng hơn, đó là phong cách "javascript" hơn.

Đơn giản là gì

    if (condition) { code if condition = true };

Để sử dụng Toán tử Ternary mà không cần khai báo mảng hoặc đối tượng khác, bạn có thể sử dụng toán tử trải ES6 ...()

const cond = false;
const arr = [
  ...(cond ? ['a'] : []),
  'b',
];
    // ['b']

Và đối với các đối tượng:

const cond = false;
const obj = {
  ...(cond ? {a: 1} : {}),
  b: 2,
};
    // {b: 2}

nguồn chính thức