0

我对 JS 中的 OOP 有点陌生。我想知道为什么在创建子对象时，这在第二级子对象之后停止引用主对象。

function Clase()
{
    this.__construct = function()
    {
    this.paginator();            
    alert('__construct finished');
    };                

    this.paginator = function()
    {

        this.paginator.title = function()
        {
            this.paginator.title.set_offsets  = function()
            {
                alert('paginator.title.set_offsets executed!');

            };
        };

        this.paginator.title(); //instantiating

        alert('subobject paginator created');            
     };

    this.__construct();
}

var instancia = new Clase();

instancia.paginator.title.set_offsets();

http://jsfiddle.net/WYWwE/

错误是：this.paginator 未定义。

现在，如果我使用闭包，它可以完美运行：

function Clase()
{
    self = this;

    this.__construct = function()
    {
        this.paginator();            
        alert('__construct finished');
    };                

    this.paginator = function()
    {

        self.paginator.title = function()
        {
            self.paginator.title.set_offsets  = function()
            {
                alert('instancia.paginator.title.set_offsets() executed');

            };
     };
     self.paginator.title();

     alert('this.paginator created');
};

this.__construct();
}

var instancia = new Clase();

instancia.paginator.title.set_offsets();

http://jsfiddle.net/esjHu/

因此，AFAIK 在某个时间点之后，“this”停止引用“Clase”类并引用其他内容。如果是这样，以这种方式使用闭包是一种好习惯吗？

以 self = this 开始课程是否也正确？从那时起只使用“自我”？例如：http: //jsfiddle.net/byGRX/

4

2 回答 2

3

this当你嵌套functions时，你失去了对“原始”的引用。要进行补救，请执行以下操作：

function Clase() {
    var that = this;


    this.paginator = {

        title: {

            set_offsets: function() {
                alert('paginator.title.set_offsets executed!');

            }
        }
    };
};

var foo = new Clase();

foo.paginator.title.set_offsets();​

http://jsfiddle.net/vd5YK/

于 2012-09-10T17:34:00.973 回答
0

你不会失去对this对象的引用，这就是发生的事情：

例如：

function Class() {

  this.func1 = function () {

    this.func1.func2 = function () {
      alert('Works!');
    };

  };

  this.func1.func2();
}

x = new Class();

现在，你得到一个错误说不func2存在的原因是因为在func2你调用之前没有构造函数对象func1：

function Class() {

  this.func1 = function () {

    this.func1.func2 = function () {
      alert('Works!');
    };

  };

  this.func1();
  this.func1.func2();
}

x = new Class();

现在它可以工作了。

编辑：

那么，为什么这不起作用：

function Class() {

    this.func1 = function() {

        this.func1.func2 = function() {

            this.func1.func2.func3 = function() {
                alert('works!');
            };

            this.func1.func2.property = 5;
        };

    };

    this.func1();
    this.func1.func2();
}

x = new Class();

x.func1.func2.func3();

基本上，您要做的是向 的函数对象添加一个名为的属性property和一个名为的方法，但问题是在调用. 这和这样做是一样的：func3func2func2func1

function Class() {

    this.func1 = function() {

        this.func1.func2 = function() {};

    };

    this.func1.func2.func3 = function() {
        alert('works!');
    };
    this.func1.func2.property = 5;

    this.func1();
    this.func1.func2();
}

x = new Class();

x.func1.func2.func3();

如果你想让它工作，你需要首先func2通过调用构造函数对象func1：

function Class() {

    this.func1 = function() {

        this.func1.func2 = function() {};

    };

    this.func1();

    this.func1.func2.func3 = function() {
        alert('works!');
    };
    this.func1.func2.property = 5;

    // this.func1.func2();

}

x = new Class();

x.func1.func2.func3();
alert(x.func1.func2.property);
于 2012-09-10T18:33:48.770 回答