Knockout self & this keyword gotach

Question

<img src="http://www.aero-sa.com/images/ajax-loader.gif" data-bind="visible:loading" /> 
var model = function() { 
    var self = this; 
    this.loading = ko.observable(true); 
    setTimeout(function() { 
     self.loading(false); 
    }, 4000); 
} 
ko.applyBindings(new model()); 

У меня мало вопросов по вышеуказанному коду. Что такое ключевое слово this? это обозначить что? когда я пишу код, как тогда, изображение не становится скрытым .... почему это ключевое слово не работает setTimeout.

var model = function() { 
     //var self = this; 
     this.loading = ko.observable(true); 
     setTimeout(function() { 
      this.loading(false); 
     }, 4000); 
    } 
    ko.applyBindings(new model()); 

поясните пожалуйста если возможно.

Answer 1

Внутри SetTimeout 'это' контекст имеет окна объекта. Где это outsite of setTimeout имеет Модель класса конструктор. Таким образом, вы должны использовать:

var self = this; 

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

Answer 2

Второй this не работает, потому что вы изменили контекст, в котором this действительна ... Вторая this действительна только для свойств внутри функции setTimeout.

Это будет работать:

var model = function() { 
    var self = this; 
    self.loading = ko.observable(true); 
    setTimeout(function() { 
     self.loading(false); 
    }, 4000); 
} 
ko.applyBindings(new model()); 

Answer 3

Я рекомендую вам прочитать: http://net.tutsplus.com/tutorials/javascript-ajax/fully-understanding-the-this-keyword/