непонятное сообщение об ошибке

[cyklop77]

помогите пожалуйста понять почему следующий код

function Clock(options) {
	var elem = options.elem;

	var self = this;

	var	flag,
		nowTime;

	//this.start();	

	self.nowTime = function() {
		this.nowTime = date();
	};

	elem.on('click', '#clock-start', this.start);

	this.start = function(){
		console.log(44);
	}
}			

var clock = new Clock({
	elem: $('#clock')
});

выдаёт в консоли ошибку

TypeError: this.start is not a function

при этом если тело проблемной функции я помещаю непосредственно в обработчик в виде безымянной функции, то код работает без ошибок

Edited December 30, 2012 by cyklop77

[freeneutron]

Что за фреймворк? Попробуй объявить this.start раньше ее использования.

[cyklop77]

Что за фреймворк? Попробуй объявить this.start раньше ее использования.

jquery

спасибо, изменение в порядке объявления помогло. сбило с толку это. там работает как ни странно

Edited December 30, 2012 by cyklop77

[moron]

        this.start = function(){
                console.log(44);
        }

Есть function declaration, а есть function expreshion. Вобщем в следующих объявлениях есть разница:

// в случае когда ф-ию объявляют следующим образом,
// мы можем к ней обратиться в любом месте, даже
// до того, как она объявлена.
function test(){
  //код
}
// а данный случай, позволяет нам обратиться
// к ф-ии только после того, как интерпретатор
// дойдет до нее сверху вниз.
test2 = function(){
  //код
}

Советую гениальнейшую статью http://dmitrysoshnikov.com/ecmascript/ru-chapter-5-functions/#deklaratsiya-funktsii-function-declaration .

Edited December 30, 2012 by moron