Toán tử Ternary trong JavaScript với nhiều biểu thức?

Question

the_styles ? the_styles.appendTo('head'); the_styles=null : the_styles = $('.stylesheet').detach(); 

Rõ ràng, điều này không hợp lệ. Chú ý ";" giữa appendTo() và the_styles=null. Làm thế nào để viết nó trên 1 dòng và vẫn có nhiều biểu thức như thế?

Answer 1

Sử dụng toán tử dấu phẩy theo cách này:

the_styles ? (the_styles.appendTo('head'), the_styles=null) : the_styles = $('.stylesheet').detach(); 

Đây là những gì Trung tâm Nhà phát triển Mozilla viết về các nhà điều hành dấu phẩy:

Bạn có thể sử dụng toán tử dấu phẩy khi bạn muốn bao gồm nhiều biểu thức ở một vị trí yêu cầu một biểu thức duy nhất. Cách sử dụng phổ biến nhất của toán tử này là cung cấp nhiều tham số trong vòng lặp for.

đọc thêm ở đây: https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Operators/Special_Operators/Comma_Operator

Answer 2

the_styles ? (function() {the_styles.appendTo('head'); the_styles=null})() : <etc> 

Chỉ cần bọc khối mã trong (function() { và })().

Bây giờ cho phần khó khăn: lý do tại sao bạn có muốn thực hiện việc này không? Có lẽ có một giải pháp tốt hơn!

Answer 3

tôi đồng ý với glowcoder nhưng nếu bạn vẫn muốn nó:

the_styles ? function(){ the_styles.appendTo('head'); the_styles=null;}() : the_styles = $('.stylesheet').detach(); 

Answer 4

the_styles ? the_styles.appendTo('head') : the_styles = $('.stylesheet').detach(); 

bạn không cần phải là null nó nếu bạn ghi đè lên nó!

Answer 5

the_styles=the_styles || $('.stylesheet').detach(); the_styles.appendTo('head'); 

Answer 6

Ai cần các nhà điều hành ternary?

​the_styles = !the_styles && $('.stylesheet').detach()​​​​ || 
      the_styles.appendTo('head') && null;​ 

Đã phải chuyển đổi những biểu hiện xung quanh khi có giá trị null của biểu thức đầu tiên sẽ luôn buộc các biểu thức thứ hai .detach() được đánh giá.

Điều duy nhất về mã thông minh là khi bạn quay lại sau khi nghỉ giải lao, nó sẽ không có ý nghĩa gì ngay cả với bạn. Vì vậy, điều này tốt hơn nhiều:

if(the_styles) { 
    the_styles.appendTo('head') 
    the_styles = null; 
} 
else { 
    the_styles = the_styles.detach('.stylesheet'); 
} 

Với tôi, ngay cả phiên bản đơn giản trên cũng không có ý nghĩa gì cả. Các những gì một phần là hiển nhiên, nhưng lý do tại sao là nó làm điều đó?