Область Javascript и локальные переменные

Question

Я действительно не уверен, что это возможно в Javascript. Вот моя функция:

var tree = function(name, callback) { 
    if (this.name) { 
    this.name.push(name) 
    print(this.name) 
    } else { 
    this.name = [] 
    } 
    callback() 
} 

Я хотел бы использовать его как следует и распечатать иерархию:

tree("john", function() { 
    tree("geoff", function() { 
    tree("peter", function() { 
     tree("richard", function() { 
     }) 
    }) 
    }) 
    tree("dave", function() { 
    }) 
}) 

Вот желаемый результат:

// ['john'] 
// ['john', 'geoff'] 
// ['john', 'geoff', 'peter'] 
// ['john', 'geoff', 'peter', 'richard'] 
// ['john', 'dave'] 

, но, к сожалению, я получение

// ['john', 'geoff', 'peter', 'richard', 'dave'] 

для последнего вызова функции. Есть ли способ получить желаемый результат?

Сердечные приветы

Adam рощами

Answer 1

Причина, почему последняя строка печатает все имена, потому что this.names никогда не удаляя имена, которые добавляются к нему. Вы просто добавляете имена на него. Таким образом, когда вызов функции производится

callback() 

со значением

function() { 
    tree("richard", function() { 
}) 

this.names = [ 'Джон', 'Geoff', 'питер'] и после вызова это. names = ['john', 'geoff', 'peter', 'richard']. Так что теперь, когда вы звоните

tree("dave", function() { 
}); 

this.names еще [ 'Джон', 'Geoff', 'питер', 'ричард'].

Попробуйте следующие вместо этого, и заметьте, что я изменил this.name к this.names, чтобы легче читать.

var tree = function(name, callback) { 
    if (!this.names) { 
    this.names = []; 
    } 
    this.names.push(name); 
    print(this.names); 
    callback(); 
    this.names.pop(); 
} 

Answer 2

Я не уверен, что обратного вызова делает, но вы, вероятно, следует использовать применить() или вызова() при вызове его.

callback.apply(this, arguments);