CoffeeScript 创建 jQuery 插件

本文整理自网络，侵删。

创建 jQuery 插件

问题

你想用CoffeeScript来创建jQuery插件。

解决方案

# 参考 jQuery
$ = jQuery

# 给 jQuery 添加插件对象
$.fn.extend
  # 把 pluginName 改成你的插件名字。
  pluginName: (options) ->
    # 默认设置
    settings =
      option1: true
      option2: false
      debug: false

    # 合并选项与默认设置。
    settings = $.extend settings, options

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

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

讨论

这里有几个关于如何使用新插件的例子。

JavaScript

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

CoffeeScript

$("body").pluginName
  debug: true

标签：CoffeeScript

相关阅读 >>

CoffeeScript 克隆对象（深度复制）

CoffeeScript 桥接模式

CoffeeScript 去抖动函数

CoffeeScript 策略模式

CoffeeScript 找到一个月中的最后一天

CoffeeScript 筛选数组

CoffeeScript 计算月球的相位

CoffeeScript 工厂方法模式

CoffeeScript mongodb

CoffeeScript for 循环

更多相关阅读请进入《CoffeeScript》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » CoffeeScript 创建 jQuery 插件