創建分層結構的嵌套函數

Question

我想用回調創建分層結果。

這是我的功能結構：

el('root', function(){ 

    el('users', function(){ 
    el('show'); 
    }); 

    el('products'); 

}); 

我想要的結果是：

assert.equal(result, [ 'root', 'root_users', 'root_users_show', 'root_products' ]); 

我在我的執行很遠：http://jsfiddle.net/5ur5u/我的問題是，我提高我的深度每次調用el。它工作正常，直到它到達產品。因爲節目將深度放在3上，這意味着產品將在節目結束時添加。

所以，如果任何人都可以給我一隻手或者將我指向正確的方向，那將會很棒。

Answer 1

這確實是你所要求的

var names = []; 
var result = []; 

function el(name, f) 
{ 
    names.push(name); 
    result.push(names.join("_")); 
    f && f(); 
    names.pop(); 
} 

el("root", function(){ 
    el("users", function(){ 
     el("show") 
    }); 
    el("products"); 
}); 

alert(result); 

Answer 2

由於el是每次調用時的非常相同的功能，就沒有辦法之間它被稱爲在一個電平（show）或另一個（products）來區分。您可以每次調用el時遞增級別，但無法知道何時遞減它，因爲沒有像調用JavaScript的「相反」的東西。

稍微好一點的選擇是將新函數傳遞給回調函數（可以給它同名el），這是不同的，因此每個級別都有自己的el函數。這樣，結果可以正確建立：http://jsfiddle.net/5ur5u/2/。

var result = []; 

function el(name, fn) { 
    result.push(name); // add current name 

    if(fn) { // if there is a function 
     fn(function(name2, fn2) { // call the function with a new function 
      el(name + "_" + name2, fn2); // which calls `el` recursively 
             // with the names combined 
     }); 
    } 
} 

el('root', function(el) { 

    // this `el` refers to the function passed as declared above, 
    // which is not the same one as the initial `el` 
    el('users', function(el) { 
    el('show'); 
    }); 

    el('products'); 

}); 

Answer 3

你非常接近。你只需要在最後減少深度。見http://jsfiddle.net/Z2qsy/

不是

depth += 1; 
fn(); 

做這個

depth += 1; 
fn(); 
depth -= 1;