导出jQuery自定义插件

Question

我真的希望这个问题不会被标记为“已经回答”，因为我已经仔细检查了以前的问题，但是不幸的是，我的案子没有碰到。

我已经创建了一个（有效的）jQuery函数以将表单转换为JSON对象，以便可以将其发送到服务器（顺便说一句，这完全是出于教育目的，因此请节省时间，然后告诉我使用库大声笑），尽管效果很好，但我想将其保存在一个单独的文件中，这样我的主脚本看起来不会太糟糕。

 (function ($) { $.fn.formToJSON = function(){ let json = {}; if($(this).is('form')){ $.each($(this).find('input'), function(){ if(this.name && this.value){ //are not empty if(this.type === 'checkbox' && this.checked){ json[this.name] = (json[this.name] || []).concat(this.value || ''); //check if exists }else{ json[this.name]= this.value; } } }); } console.log(JSON.stringify(json)); } })(jQuery); 

仅将脚本导入HTML文件中，我需要怎么做才能使用它？

顺便说一下，以下类似的功能模式并不是我在脚本中寻找的东西。

 (function($) { $.fn.helloWorld = function() { return this.each( function() { $(this).text("Hello, World!"); }); } }(jQuery)); 

如果有人可以帮助我实现目标，那么我将很感激使用这样的脚本（我已经可以这样使用了，但是它需要功能在主脚本中）：

 $('form').formToJSON(); 

Answer 1

没关系，我只是想出我需要做的就是在我的IIF（立即调用函数）jQuery函数中添加几个函数声明。

 (function($){ $.fn.logme = function(){ console.log(this); } $.fn.logHi = function(){ console.log('hi!'); } })(jQuery)