V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
guanchyan
V2EX  ›  JavaScript

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

  •  
  •   guanchyan · 2017-11-24 17:03:45 +08:00 · 2120 次点击
    这是一个创建于 2316 天前的主题,其中的信息可能已经有所发展或是发生改变。
    源代码是这样的:
    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 的具体结构就更好了。
    4 条回复    2017-11-24 22:30:02 +08:00
    yulitian888
        1
    yulitian888  
       2017-11-24 17:29:11 +08:00
    F12,断点,单步执行
    这么说可以吗?
    guanchyan
        2
    guanchyan  
    OP
       2017-11-24 21:04:15 +08:00
    @yulitian888 我试过啦,看的很迷惑。能详细说明下吗?特别是第二次调用的过程。万分感谢。
    crz
        3
    crz  
       2017-11-24 21:23:01 +08:00
    @guanchyan 看 function o,每次执行的时候都会在 function r 外面包裹一层(一句 console 及返回参数),然后就越累越多啦
    guanchyan
        4
    guanchyan  
    OP
       2017-11-24 22:30:02 +08:00
    @crz 嗯呐,我终于看懂了。感谢指点 QAQ。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5263 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 05:44 · PVG 13:44 · LAX 22:44 · JFK 01:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.