請解釋HAML代碼/文檔，這個片斷

Question

%div{:class => [@item.type, @item == @sortcol && [:sort, @sortdir]] } Contents 

可能使任何的：

<div class="numeric sort ascending">Contents</div> 
<div class="numeric">Contents</div> 
<div class="sort descending">Contents</div> 
<div>Contents</div> 

我真的不明白這個片段的@sortcol && [:sort, @sortdir]一部分。

Answer 1

這依賴於運算符優先級。所以它評估是這樣的：

1. @item == @sortcol是真或假。
   • 當false
     1. &&返回false因爲其他部分不進行評價
     2. 因此代碼減少到:class => [@item.type]
   • 當true
     1. &&返回表達式的第二部分。在這種情況下，陣列[:sort, @sortdir]
     2. HAML渲染因而前陣這相當於自動展平到:class => [@item.type, :sort, @sortdir]

Answer 2

[@item.type, @item == @sortcol && [:sort, @sortdir]] 
=> 
# if @item.type is blank, so class is still empty 
# if @item.type is "numeric" class is "numeric" 
class = @item.type 

# if @item equal @sortcol 
# class will append "sort" and @sortdir if it is not empty. 
if @item == @sortcol 
    class += "sort" 
    class += @sortdir 
end 

這種結構@item == @sortcol && [:sort, @sortdir]將返回[：排序，@sortdir]只有@item == @sortcol是真的