CoffeeScript 創(chuàng)建 jQuery 插件

創(chuàng)建 jQuery 插件

問題

你想用CoffeeScript來創(chuàng)建jQuery插件。

解決方案

# 參考 jQuery
$ = jQuery

# 給 jQuery 添加插件對(duì)象
$.fn.extend
  # 把 pluginName 改成你的插件名字。
  pluginName: (options) ->
    # 默認(rèn)設(shè)置
    settings =
      option1: true
      option2: false
      debug: false

    # 合并選項(xiàng)與默認(rèn)設(shè)置。
    settings = $.extend settings, options

    # Simple logger.
    log = (msg) ->
      console?.log msg if settings.debug

    # _Insert magic here._
    return @each ()->
      log "Preparing magic show."
      # 你可以使用你的設(shè)置了。
      log "Option 1 value: #{settings.option1}"

討論

這里有幾個(gè)關(guān)于如何使用新插件的例子。

JavaScript

$("body").pluginName({
  debug: true
});

CoffeeScript

$("body").pluginName
  debug: true