js中如何高效、简洁、清晰地定义变量

var zb={
    "ui":{},
    "form":{}
};

这是一种定义变量的方法，其实如果不定义，也可以写成：

var zb.ui={};
var zb.form={};

而zb定义的是全局变量，也就相当于：

window.zb.ui={};
window.zb.form={};

 

 

 

$(".close-dialog,.cancel-dialog").on("click",function(){
        var element={
            "that":this,
            "dialog":$(this).parents(".dialog")
        };
        
        //
        zb.dialog.close($(element.dialog));
    });

zb为我们定义的变量

dialog与close都是zb的属性

我们选取dialog属性下面的close属性，可以创建函数，即zb.dialog.close()

element是我们自己定义的变量，element.dialog为element变量下面的一个dialog属性，我们定义的是【所选取元素的父元素】