写jQuery插件时的注意点

写好jquery插件，有一些注意的地方（持续添加）。

支持umd

现在前端开发讲究模块化，所以jquery插件也最好能够兼顾模块化。

模块化模式大概有几种： amd、commonjs、umd。

amd（asynchronous module definition）

异步模块定义，可以异步的加载或依赖其他模块，支持的库如 require.js, sea.js 。

 例子：

// xxx-plugin.js
define(['jquery'], function ($) {
 function myfunc(){};
 return myfunc;
});

commonjs

可以将javascript按照 node 模块的方式定义。

例子：

var $ = require('jquery');
function myfunc(){};
module.exports = myfunc;

umd（universal module definition）

为了兼容 amd 和 commonjs风格，出现了umd。

代码：

(function (root, factory) {
 if (typeof define === 'function' && define.amd) {
 // amd
 define(['jquery'], factory);
 } else if (typeof exports === 'object') {
 // node, commonjs-like
 module.exports = factory(require('jquery'));
 } else {
 // browser globals (root is window)
 root.returnexports = factory(root.jquery);
 }
}(this, function ($) {
 function myfunc(){};
 return myfunc;
}));

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！