适用于 IE/Firefox/Chrome 的 Javascript 命名空间

Question

我正在尝试创建一个命名空间来封装我们所有的 javascript 类，但是在 ie9 和 POI.prototype.getFullAddress 上的 ie9 和 firefox 之后得到一个 missing : after property id > 线（POI 后的停靠点）。第二个问题是当我尝试初始化对象 var x = new Makani.POI(a,b,c...) 我得到 javascript 错误并且必须使用 var x = Makani .POI(a,b,c...) 没有新的关键字，这很奇怪。我发布了完整的代码以供参考。感谢您的帮助。

/* Makani Javascript Libraries */

var Makani = function () {

var private_var;

function private_method() {

    // do stuff here

}

return {

    POI: function(ID, Title, Section, District, City, Governorate) {
        this.ID = ID;
        this.Title = Title;
        this.Section = Section;
        this.City = City;
        this.Goverorate = Governorate;
    },

    POI.prototype.getFullAddress = function (opts) {

        if (("includeCity" in opts) && (opts["includeCity"] == false))
            return this.Section + ", " + this.District;
        else if (("includeGovernorate" in opts) && (opts["includeGovernorate"] == false))
            return this.Section + ", " + this.District + ", " + this.City; 
        else return this.Section + ", " + this.District + ", " + this.City + ", " + this.Governorate;
    }

};     
} ();

Answer 1

JS 中的object initialiser（对象字面量）如下所示：

{
    propName: 123,
    123: 'some value',
    hmmAFunction: function(){}
}

一般来说，它是PropertyName : AssignmentExpression，每个键/值对用逗号分隔。所以，当你这样做时：

return {

    POI: function(ID, Title, Section, District, City, Governorate) {

    },

    // THIS
    POI.prototype.getFullAddress = function (opts) {

    }

};  

...它是无效的，并且会导致错误被抛出。

试试这个：

var Makani = {
    POI: (function(){

        function POI (ID, Title, Section, District, City, Governorate) {
            this.ID = ID;
            this.Title = Title;
            this.Section = Section;
            this.City = City;
            this.Goverorate = Governorate;
        }

        POI.prototype.getFullAddress = function (opts) {

            if (("includeCity" in opts) && (opts["includeCity"] == false))
                return this.Section + ", " + this.District;
            else if (("includeGovernorate" in opts) && (opts["includeGovernorate"] == false))
                return this.Section + ", " + this.District + ", " + this.City; 
            else return this.Section + ", " + this.District + ", " + this.City + ", " + this.Governorate;
        };

        return POI;

    }())
};

另外，我建议不要以大写字母开头的变量名（例如District），除非它引用的是构造函数（例如POI）。

Answer 2

也许你只是想要这个：

POI.getFullAddress: function (opts) {

看起来您正在尝试更改原型，但您正在该特定块中创建对象定义。另一种方法是将return 部分创建为var，然后扩展原型，然后返回它。

你在做一个简单的水平是这样的：

x = {
  name1: value,
  name2 = value
}

这不是有效的语法。