Сфера «это» в JavaScript

Question

У меня есть класс JavaScript, который выглядит следующим образом:

function SomeFunction() 
{ 
    this.doSomething(function() 
    { 
     this.doSomethingElse(); 
    }); 

    this.doSomethingElse = function() 
    { 

    } 
} 

Этот код выдает ошибку, потому что объем «это» внутри функции, которая передается в DoSomething() является отличается от объема «этого» вне этой функции.

Я понимаю, почему это так, но каков наилучший способ справиться с этим? Это то, что я делаю:

function SomeFunction() 
{ 
    var thisObject = this; 

    this.doSomething(function() 
    { 
     thisObject.doSomethingElse(); 
    }); 

    this.doSomethingElse = function() 
    { 

    } 
} 

Это прекрасно работает, но это просто похоже на хак. Просто интересно, есть ли у кого-то лучший способ.

Answer 1

Это комментатора было то, что я искал (хотя другие ответы тоже хорошо):

@ Джон Крюгер Смотрите это, проверьте их статью на вызов, тоже: https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Objects/Function/Apply - Джонатон 44 минут назад

Answer 2

Это правильное и общепринятое обходное решение. Это своего рода kludgy, но это то, что делают все. Обычно эта дополнительная переменная называется self, как:

function SomeFunction() 
{ 
    var self = this; 

    this.doSomething(function() 
    { 
     self.doSomethingElse(); 
    }); 

    this.doSomethingElse = function() 
    { 

    } 
} 

Answer 3

this имеет динамический "сферу". Это означает, что он настроен на то, что связывает его, а this связан «вызовом метода». То есть, любое время в вашей программе вы видите это: w.f() то время как f выполняется, this динамически связан с f, даже еслиf был this в лексической области.

Большинство инфраструктур JavaScript предоставляют некоторые возможности для решения этой проблемы. С Prototype.js (например), вы можете сделать это:

this.doSomething(function() { this.doSomethingElse(); }.bind(this)); 

Ваш «взломать», однако, хорошо. Обычно я делаю (function (self) { ... })(this) вокруг любых функций, в которых мне нужна лексически скопированная переменная this.

Answer 4

Также стоит упомянуть, что следующая версия ECMAScript (спецификация языка для JavaScript) собирается ввести Function.bind(), что позволит вам указать постоянный контекст для функции.