yiwei项目中Javascript的管理与维护

yuyu1911

于 2009-02-27 13:50:53 发布

阅读量131

点赞数

文章标签：项目管理 JavaScript Mootools J# ViewUI

命名空间(namespace):

一个令开发人员头疼的问题就是如何防止函数名/类名和其他人的冲突，在一个公司内部项目组之间可以通过命名预定（比如加前缀等）解决这个问题。这问题在javascript开发中导致的后果会是很严重的，因为JS是解释执行的，如果后面定义了同名变量就会覆盖前面变量，并用应用新定义变量的语义，这在Js中合法，没有错误提示，因此bug很难找。
目前，最新版本的JavaScript还是不支持命名空间，于是需要一套机制来模仿出命名空间的效果：

if($package)
{
    try {
        throw new Error("$package命名冲突!");
    } catch (e) {
        alert(e.name + ": " + e.message);
    }

}
var $package =function() {
    var a = arguments,
    o = null,
    i, j, d,rt;
    for(i=0; i<a.length; ++i) {
        d = a[i].split(".");
        rt = d[0];
        eval('if (typeof ' + rt + ' == "undefined"){' + rt + ' = {};} o = ' + rt + ';');
        for(j=1; j<d.length; ++j) {
            o[d[j]]=o[d[j]] || {};
            o=o[d[j]];
        }
    }
    return o;
};


$package("Yiwei.widget");

// Creating a class
Yiwei.widget.widgetName = new Class({
        options: {
                // options goes here
        },

        initialize: function(options) {
                this.setOptions(options);
                // initialize commands goes here
        }
});
Yiwei.widget.widgetName.implement(new Events); // Implements addEvent(type, fn), fireEvent(type, [args], delay) and removeEvent(type, fn)

Yiwei.widget.widgetName.implement(new Options);// Implements setOptions(defaults, options);