小白请教一个原生 js 代码的问题

[guanchyan]

源代码是这样的：
function r(x){
return x;
}

function f(x){
x[0]=x[0]+">";
return x;
}

function o(){
var temp=r;
r=function(){
var c=temp.apply(this,f(arguments));
console.log(c);
return c;
}
}

function a(){
o();
alert(r("="));
}

for(var i=0;i<10;i++){
a();
}
我不能理解的是，第 n 次执行 a()的时候，控制台为什么会输出 n 行同样的语句。
（如第三次调用 a()的时候，输出了 3 行“=>>>”）。
恳请各位不吝赐教，再次多谢了~
PS：我知道 apply 函数改变了 r 的结构，但是我不太清楚改变之后 r 的结构变成什么样子，如果大家能告诉我第二次执行 a （）之后 r 的具体结构就更好了。

[yulitian888]

F12，断点，单步执行
这么说可以吗？

[guanchyan]

@yulitian888 我试过啦，看的很迷惑。能详细说明下吗？特别是第二次调用的过程。万分感谢。

[crz]

@guanchyan 看 function o,每次执行的时候都会在 function r 外面包裹一层（一句 console 及返回参数），然后就越累越多啦

[guanchyan]

@crz 嗯呐，我终于看懂了。感谢指点 QAQ。