小函数大作用

自定义函数的魅力：

通俗易懂，自定义函数是自己封装的特殊函数。使用的场景也多种多样。
以下我要介绍的是js-自定义封装函数。

//常见的js获取页面某个框中的值进行验证判断
var name= document.getElementById("name").value;
var age=document.getElementById("age").value;
var gender= document.getElementById("gender").value;
if(name=='undefined'||name==''){
     alert("姓名不能为空!");
     return false;
 }
if(age=='undefined'||age==''){
    alert("年龄不能为空!");
    return false;
}
 if(gender=='undefined'||gender==''){
    alert("性别不能为空!");
    return false;
 }

这是我们最常见，也可能是最常用的方式。这种效果固然可以实现功能达到目的，但是代码中出现了不少重复且冗余的操作，既不美观，也会默默的增加代码的行数。

//对以上代码进行优化
 (function ($) {
    var $= function (id) {
      return document.getElementById(id).value;
    }
  })(jQuery);

创建自定义函数$,以此达到优化的目的。

    if($("name")=="undefined"||$("name")==''){
      alert("姓名不能为空!");
     return false;
    }
    if($("age")=="undefined"||$("age")==''){
      alert("年龄不能为空!");
     return false;
    }
    if($("gender")=="undefined"||$("gender")==''){
      alert("性别不能为空!");
     return false;
    }

相信大家已经看到了变化，对比上面的代码通过$()函数已经达到了优化；
其实上面的代码还可以继续优化，快来一起看看吧！

 (function ($) {
    var $= function (id) {
      return document.getElementById(id).value;
    },var S= function(id,str){
      if($(id)=="undefined"||$(id)==''){
          alert(str+"不能为空!");
          return false;
    }
}
  })(jQuery);

重新定义一个函数，达到判断不能为空的限制条件。

S("name","姓名");
S("age","年龄");
S("gender","性别");

以上是我在做js导出Excel时的一些感悟，个人感觉这种概念很不错。
其实不仅仅在js中有这种方式，其他语言应该也有相应类似的概念。希望这种概念可以在你开发过程帮助到你、一起共勉。。。