Почему в методе объекта, this возвращает [object Window]?

Question

[gigigi]

Здравствуйте. Столкнулся с непонятным поведением в JavaScript. Может быть кто-нибудь сможет объяснить и подсказать?

Есть например такой код

function Test() {
	var this_ = this;

	this.init = function() {
		console.log(this, this_);
		this.second();
	}();

	this.second = function() {

	}
}

$(function() {
	var test = new Test();
});

В итоге в консоль выводится Window и Test соотвествтенно.
Подскажите пожалуйста почему так происходит? И как правильно поступить в данной ситуации?
Заранее спасибо.

Answer 1

[PomanoB]

Потому что вы вызываете init не как this.init()
Надо так:

    this.init = function() {
        console.log(this, this_);
        this.second();
    }

    this.second = function() {

    }
    this.init()

Comments

[gigigi]

Хм… точно :) спасибо.

Answer 2

[AGvin]

У Вас функция Test является глобальной, и поэтому она доступна в объекте Window.

Почитайте на досуге: http://learn.javascript.ru/closures, там вначале описывается, почему так.

Comments

[gigigi]

Возможно я ошибаюсь, но мне кажется вы не правы)
Если убрать (); после this.init() и в вызове сделать

var test = new Test();
test.init()

То всё будет в порядке и this будет возвращать объект.

[gigigi]

Или я ошибаюсь :)
Но как тогда правильно запускать автоматически init() внутри Test() чтобы в нём сохранялось окружение?

[AGvin]

Лучше, подсмотрите, как это сделано в MooTools

Answer 3

[ghosthope]

Я бы попробовал сделать так:

function Test() {
    var this_ = this;

    init = function() {
        console.log(this_, this_);
        this_.second();
    };

    this.second = function() {

    }
    init();
}