举个列子：我们在写前端页面，经常会使用到Jquery文本框内容，来判断一下输入值是否符合，常见的写法：
<script>
function test(){
$("#ID").click(){XXXXX};
}
</script>
这个页面写了个方法，结果发现另外一个页面还要写同样的，于是，就会写到js中
引入，调用
function test(){
XXXXX
}
页面调用
<sctipt>
test()
</sctipt>
这也是一种封装，
还有一种封装方法是
test= function(){
XXX
}
然后页面调用
test()
现在，我换种封装方法
+function ($) {
let Judge = (function () {
let _divsuccess ='has-succes';
let span_succes = 'glyphicon-ok';
let _diverror = 'has-error';
let span_type = 'glyphicon-remove';
let Success = function (_class) {
$("." + _class).addClass(_divsuccess).removeClass(_diverror);
$("." + _class + " span").addClass(span_succes).removeClass(span_type);
}
let Error = function (_class) {
$("." + _class).addClass(_diverror).removeClass(_divsuccess);
$("." + _class + " span").addClass(span_type).removeClass(span_succes);
}
return {
Success,
Error
}
})();
}(jQuery);
调用 ： Judge.Error("inputStuid_label");
End