创建名称空间Javascript单例类的对象

Question

我是IIFE的新手，正在尝试在Siungleton JavaScript类上的JavaScript中实现名称空间：

我有一个JavaScript类（例如main类）：

var myIIFE = (function () {
    var x = null;

    //constructor function
    var myIIFE = function() {
        var a = new IIFE.InsideIIFE();  //says not a constructor
    }

    myIIFE.prototype = {
        //some methods
    }

   function createIstance() {
        return new myIIFE();
   }

    return {
       getInstance: function() {
           if (!this.instance) {
                this.instance = createInstance();
           }
           return this.instance;
       }
    };
})();

然后，我还有另一个JavaScript命名空间类：

myIIFE.InsideIIFE = (function() {
     var inside = function() {}
     inside.prototype = { //some methods }
     return inside;
});

我想在myIIFE创建一个myIIFE.InsideIIFE对象，这给我抛出一个错误：

myIIFE.InsideIIFE is not a constructor

难道我做错了什么？ 或者，如果这是正确的方法，那么我应该进行哪些更改。

我尝试使用new this.InsideIIFE()和InsideIIFE ，但是它们都不起作用。

---

编辑：

根据我的分析，我了解myIIFE （父级）是一个对象，因为它在以下位置返回对象：

 return {
     getInstance: function() {
          //method body
     }
 }

Answer 1

这段代码有很多问题，让我们从头开始尝试在脑海中运行它：

var myIIFE = (function () {
 ....
})();

myIIFE ，这导致myIIFE是一个对象：

{
   getInstance: function() {
       if (!this.instance) {
            this.instance = createInstance();
       }
       return this.instance;
   }
}

所以，我想，你会

myIIFE.getInstance()

试图返回new myIIFE();

它遇到myIIFE()并尝试执行此操作：

new IIFE.InsideIIFE();

我想你想写

new myIIFE.InsideIIFE();

因为IIFE在您提供的代码中的任何地方都没有定义。

让我们看看什么是myIIFE.insideIIFE

var myIIFE.InsideIIFE = (function() {
     var inside = function() {}
     inside.prototype = { //some methods }
     return inside;
});

首先，您从var开始，这是错误的，因为myIIFE已经定义，并且您正在myIIFE添加新属性。 所以应该简单

myIIFE.InsideIIFE = (function() {
     var inside = function() {}
     inside.prototype = { //some methods }
     return inside;
});

它应该工作。

通常，从您的代码看来，好像您没有很好地理解整个“构造函数”的概念。 我建议您看看以下链接，它们会有所帮助。

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/new

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript