html中，关于全局变量的问题

layui.use(['laydate','form','layer'],function(){
 var form = layui.form;
layer = layui.layer;

//end
//加载角色列表
loadRoleList();

//取得ID
acc_id = localStorage.getItem("acc_id");
localStorage.removeItem("acc_id");

});

//加载角色列表
function loadRoleList(){
sendRequestAndToken("role.do?m=all",{},function(result){
var list = result.data;
var select=$("#role");
for(var i=0;i<list.length;i++){
$("<option>").attr("value",list[i].role_id).html(list[i].role_name)
.appendTo(select);
}
form.render('select');     
});
}

出现的问题：忘记把form表单定义为全局变量了，导致，form的样式用不了。。。。。心塞啊。。。。。