javascript名称空间调用其他函数方法

Question

我尝试更改某种方法来将方法调用到名称空间中。

• 调用父方法（我认为这不可能）
• 创建和调用继承函数
• 在另一个方法内部调用（主要是jquery onReady事件函数）（this.MyFunction（）不起作用）

我将文件中的每个名称空间都拆分了（想保持这种方式）

我尝试如何在同一名称空间中从函数B调用函数A？ 但是我没有成功分割名称空间。

我的小提琴样本只有1个子命名空间，但可能更多。

https://jsfiddle.net/forX/kv1w2rvc/

 /**************************************************************************
    // FILE Master.js
    ***************************************************************************/
    if (!Master) var Master = {}; 
    Master.Print= function(text){
        console.log("master.Print :" + text);
      $("body").append("<div>master.Print : " + text + "</div>");
    }

    /**************************************************************************
    // FILE Master.Test1.js
    ***************************************************************************/
    if (!Master) var Master = {};
    if (!Master.Test1) Master.Test1  = {};
    /**************************************************************************
    * Descrition :
    *   Function for managing event load/documentReady
    **************************************************************************/
    Master.Test1.onReady = function () {
        $(function () {
            Master.Test1.Function1();   //try to replace because need all namespace.          

            try {
                   this.Function2(); //not working
            }
            catch(err) {
                console.log("this.Function2 not working");
                $("body").append("<div>this.Function2 not working</div>");
            }   

           try {
                this.Print("onReady");  //not working
           }
           catch(err) {
                console.log("this.Print not working");
              $("body").append("<div>this.Print not working</div>");
           }

          try {
                Print("onReady"); //not working
          }
          catch(err) {
                console.log("Print not working");
                $("body").append("<div>Print not working</div>");
          }     

        });
    }

    Master.Test1.Function1 = function () {
        console.log("Function1");
        $("body").append("<div>Function1</div>");    
        this.Function3();      //working because not inside another function   
    }

    Master.Test1.Function2 = function () {
            $("body").append("<div>Function2</div>");
        console.log("Function2");   

    }


    Master.Test1.Function3 = function () {
            $("body").append("<div>Function3</div>");
        console.log("Function3");

        Master.Print("Function3");  //try to replace because need all namespace.        
    }

    Master.Test1.onReady();

• 我使用Master.Test1.Function1（）; 我想更改一下，因为Function1在同一名称空间内。

• 我使用Master.Print（“ Function3”）; 我认为我不能改变这一点。 我尝试使用它的方式，它更多的是继承功能。 但我不知道有没有办法做到这一点？

也许我应该更改我的命名空间方法？ 也许原型会做我想要的？

Answer 1

您可以在变量中捕获this ，因为$(function() {}) this指向document对象。 只要您从不更改onReady的调用上下文，以下内容将起作用-即始终在Test1对象上调用它，而不在其他上下文上调用：

Master.Test1.onReady = function () {
    var self = this;
    $(function () {
        self.Function1();
        // ..
    });
}

要访问Print您必须使用Master对象进行引用，例如： Master.Print()因为它在Test1对象中不可用

Answer 2

this是document内.ready()或jQuery()别名.ready()其中function(){}是参数$(function() {}) this在this.Function2()将参考document 。

Answer 3

javascript中的“对象”的构建方式与大多数面向对象的语言不同。 本质上，您要构建的是静态方法的层次结构，这些方法本身内部没有真实的内部状态。 因此，当调用定义的方法之一时，该方法的上下文（或状态）取决于调用该方法的对象。

如果要具有任何内部上下文，则需要创建“对象原型”的“实例”。 此时，您可以在其他函数中使用“ this.otherFunction”。 这是一个小例子：

var MyObject = function() {};

MyObject.functionOne = function() {
    console.log("Function 1");
    this.functionTwo();
};

MyObject.functionTwo = function() {
    console.log("Function 2");
};

var instanceOne = new MyObject();
instanceOne.functionOne();

您可能会在此处获得有关对象定义的更多信息。