es6箭头函数

本例是在了解es6知识后在原来定义函数的基础上进行理解

var searchValue ={};//查询匹配对象var $button = $('<div class="columns pull-right search-button"><button class="btn btn-default" type="button" name="refresh" title="查询"><i class="glyphicon glyphicon-search icon-search"></i></button></div>');var $input = $('<div class="columns pull-right search-input"><input class="form-control" type="text" placeholder="搜索"></div>');var $select = $('<div class="columns pull-right search-select"><select></select></div>');($button)=>{//写入上一次查询的条件 if(searchValue.select != undefined){ $select.find('select').val(searchValue.select); };  if(searchValue.input != undefined){ $input.find('input').val(searchValue.input); }; $button.click(()=> { var option = $select.find('select').val();   var inputval = $input.find('input').val();   searchValue.select =option;   searchValue.inputval =inputval;   if(inputval != '')   {   var param = { url: sWebRootPath+"/json/getAjaxData.jsp?v="+new Date().getTime(), query: { filters:[     {'colname':option,'filtertype':'LIKE','filtervalues':inputval} ] } }   }   else{   var param = { url: sWebRootPath+"/json/getAjaxData.jsp?v="+new Date().getTime(), }   }// 刷新表格$('#tablelist').bootstrapTable('refresh',param); })}/**增加搜索框和查询功能 * @param col bootstrapTable列表生成配置对象  *调用：addSearchGroup(curColumns);  */ var addSearchGroup = ( col) => {  // 插入选项  var button ,input,select;  button = $button;input = $input;select = $select;////局部变量缓存全局变量 提高代码性能 var selectDom = $select.find('select');////缓存dom节点查找结果 避免在循环里用 for(var i = 0; i < col.length; i++){ if(col[i].visible != false){ var $option = '<option value="'+col[i].field+'">'+col[i].title+'</option>'; selectDom.append($option); } } //插入多选框、输入框、按钮 $('.fixed-table-toolbar').append(button,input,select);}/*使用箭头函数注意几点：1、函数体内的this对象就是定义时所在的对象，而不是使用时所在对象；2、不可以当作构造函数使用，也就是不能用new命令实例化一个对象，否则会抛出一个错误；3、不可以使用arguments对象，该对象在函数体内不存在，如果要用的话，可以用rest参数代替；4、不可以使用yield命令，箭头函数不能用作Generator函数；*/