mootools變量範圍

Question

如何訪問外部函數的參數'parent'？ 請參閱代碼 中的意見！
最後編輯：這個問題是一種誤導，我的問題是由錯誤的輸入參數

renderData : function(parent, children){ 
      children.each(function(e, index){ 
       var li = new Element('li'); 
       var hasChildren = false; 
       if(e.children && e.children.length >0){ 
        var img = new Element('img'); 
        img.src = 'a1.png'; 
        img.inject(li); 
        hasChildren = true; 
       } 
       if(e.icon){ 
        var img = new Element('img'); 
        img.src = e.icon; 
        img.inject(li); 
       }else{ 
        var img = new Element('img'); 
        img.src = 'b1.png'; 
        img.inject(li); 
       } 
       li.set('html',e.text); 
       console.log(this); 
        // how to access outer function's argument 'parent' ??? 
       li.inject(parent); 
       if(hasChildren){ 
        var ul = new Element('ul'); 
        this.renderData(ul, e.childRen); 
        ul.inject(e); 
       } 
      }.bind(this)); 

Answer 1

的每個循環中造成的：

array.each(function(el) { 
    this.method(); // this == (instance/scope) 
}, this); // where **this** is your parent scope. 

另一種可以接受的方式是：

var self = this; 
... 
array.each(function(el) { 
    self.method(); // fine. 
}); // where this is your parent scope. 

http://mootools.net/docs/core/Types/Array#Array:Array-each

雖然，使用.bind(this)也應該工作... http://www.jsfiddle.net/dimitar/fFy4J/ - 那麼是什麼問題？

Answer 2

如果我理解正確的，你的問題是，你不能這樣做li.inject(parent)

沒有理由，因爲它被作爲參數傳遞給函數renderData()

我通過了，你不能訪問「父」已經試過這simple test

var test; 
window.addEvent('domready', function(){ 
     test = new TestClass(); 
}); 

var TestClass = new Class({ 
    Implements: [Options, Events], 
    initialize: function(){ 
     this.renderData($('parent'),$$('span')) 
    }, 

    renderData : function(parent, children){ 
      children.each(function(e, index){ 
       console.log(parent); 
      }.bind(this)); 
    } 
}); 

和正常工作......但我沒有真的知道什麼問題您的代碼