stylus之方法(Functions)
方法(Functions):
函數:Stylus強大之處就在于其內置的語言函數定義。定義與混入(mixins)一致卻可以返回值
返回值:
很簡單的例子,兩數值相加的方法
我們可以在特定條件下使用該方法,如在屬性值中
渲染
默認參數:
可選參數往往有個默認的給定表達。在Stylus中,我們甚至可以超越默認參數
例如
注意:因為參數默認是賦值,我們可以使用函數調用作為默認值
函數體:
我們可以把簡單的add()方法更進一步。通過內置unit()把單位都變成px, 因為賦值在每個參數上,因此,我們可以無視單位換算
多個返回值:
Stylus的函數可以返回多個值,就像你給變量賦多個值一樣
例如,下面就是一個有效賦值
類似的,我們可以在函數中返回多個值
有個小小的例外就是返回值是標識符。例如下面看上去像一個屬性賦值給Stylus(因為沒有操作符)
為避免歧義,我們可以使用括號,或是return關鍵字
條件:
比方說,我們想要創建一個名為stringish()的函數,用來決定參數是否是字符串。我們檢查val是否是字符串或縮進(類似字符)
如下,使用yes和no代替true和false
使用
注意:yes和no并不是布爾值。本例中,它們只是簡單的未定義標識符
另外一個例子
使用
別名:
給函數起個別名,和簡單,直接等于就可以了。例如上面的add()弄個別名plus(),
如下
變量函數:
我們可以把函數當作變量傳遞到新的函數中。例如,invoke()接受函數作為參數,因此,我們可以傳遞add()以及sub()
結果
參數:
arguments是所有函數體都有的局部變量,包含傳遞的所有參數
例如
哈希示例:
下面,我們定義get(hash, key)方法,用來返回key值或null. 我們遍歷每個鍵值對,如果鍵值匹配,返回對應的值
下面例子可以證明,語言函數模樣的Stylus表達式具有更大的靈活性
總結
以上是生活随笔為你收集整理的stylus之方法(Functions)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 50条超精辟的经典语录:哗众,可以取宠,
- 下一篇: bxp客户端手工PNP基本过程(转)