写jQuery插件时的注意点有哪些

这篇文章主要为大家展示了“写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;
}));

以上是“写jQuery插件时的注意点有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网行业资讯频道！