麻烦 JS 高手给解释一下这段代码的执行原理 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
csensix
V2EX    问与答

麻烦 JS 高手给解释一下这段代码的执行原理

  •  
  •   csensix 2015-06-05 16:29:36 +08:00 3165 次点击
    这是一个创建于 3783 天前的主题,其中的信息可能已经有所发展或是发生改变。
    var ninja = {};

    addMethod(ninja,'whatever',function(a){console.log(arguments.length);});
    addMethod(ninja,'whatever',function(a,b){console.log(arguments.length);});
    addMethod(ninja,'whatever',function(){console.log(arguments.length);});

    function addMethod(object,name,fn){
    var old = object[name];
    object[name] = function(){
    if(fn.length == arguments.length)
    return fn.apply(this,arguments);
    else if (typeof old == 'function')
    return old.apply(this,arguments);
    };
    }

    ninja.whatever();
    20 条回复    2015-06-05 18:30:56 +08:00
    Septembers
        1
    Septembers  
       2015-06-05 16:39:27 +08:00
    递归
    learnshare
        2
    learnshare  
       2015-06-05 16:41:30 +08:00
    用来模拟函数重载。
    zythum
        3
    zythum  
       2015-06-05 16:44:16 +08:00
    模拟一个多态... fn.length 是这个方法行参的个数.
    FrankFang128
        4
    FrankFang128  
       2015-06-05 16:47:21 +08:00
    不用学了,你懂 apply 和 arguments 怎样用就行了。

    这是把 JS 不当 JS 用,不推荐。
    Hyperion
        5
    Hyperion  
       2015-06-05 17:31:51 +08:00 via Android
    用了一层层容器包裹来实现多态, 每add一次裹一层,参数个数对了就调用,否则就返回下一个。

    @FrankFang128 逢小聪明必黑啊,但不了解这个,绝对不是什么好事。

    我赌一块,近5年,这种做法还会存在,下一代Javascript 的更迭,虽然不会和之前的Javascript 统一那样,但也绝对不容易。
    FrankFang128
        6
    FrankFang128  
       2015-06-05 17:36:18 +08:00
    @Hyperion 出现这种需求就是因为「我们的程序员只会用 Java / C#,JS 里没有重载他们觉得不可理喻」。
    我觉得是因为某些程序员压根就不想学 JS 导致的。当然也无刻厚非。 这也说明了 JS 的灵活性。

    不过初学者上来就学这个,很容易迷惑,说 JS 怎么这么烂,重载还要自己实现。
    Hyperion
        7
    Hyperion  
       2015-06-05 17:37:36 +08:00 via Android
    @FrankFang128 顺带吐槽一句,Javascript 的oo,虽然实现不这么好看,但js 就是自由的。

    顺便,我不觉得文不对题的回答别人问题,是什么对的做法。
    Hyperion
        8
    Hyperion  
       2015-06-05 17:40:47 +08:00 via Android
    @FrankFang128 oo只是组织代码方式而已,js没有但为了组织代码方便而去hack出一个,这不奇怪吧?

    而且为啥一定要把lz 默认成初学者?
    zythum
        9
    zythum  
       2015-06-05 17:41:57 +08:00
    @FrankFang128
    @Hyperion

    哈哈哈,不要打架,不要打架。js好处都有啥。谁说对了就给他....
    Hyperion
        10
    Hyperion  
       2015-06-05 17:43:29 +08:00 via Android
    @zythum 朱一好久不见
    zythum
        11
    zythum  
       2015-06-05 17:44:47 +08:00
    @Hyperion 哈哈朱一一直在你身边啊...
    jun4rui
        12
    jun4rui  
       2015-06-05 17:48:20 +08:00
    @zythum 能操作DOM,PHP行不行?不行。C行不行?不行。Java行不行?不行。


    这么牛逼你还不满足?
    zythum
        13
    zythum  
       2015-06-05 17:50:09 +08:00
    @jun4rui vb也可以 能操作DOM... 所以vb也很牛逼, 哈哈哈
    Septembers
        14
    Septembers  
       2015-06-05 17:54:52 +08:00
    @FrankFang128 fp 的一个非常重要的概念是 幕等
    FrankFang128
        15
    FrankFang128  
       2015-06-05 17:56:10 +08:00
    @Hyperion 2 楼已经给了正确答案了,所以我只是补充一下 :)
    chairuosen
        16
    chairuosen  
       2015-06-05 17:56:22 +08:00
    @zythum 原来你也在这里。。。我是上周打电话问顶导的那个。。^_^
    zythum
        17
    zythum  
       2015-06-05 18:04:08 +08:00
    @chairuosen ...能不谈公司的事情么....
    nilennoct
        18
    nilennoct  
       2015-06-05 18:05:28 +08:00
    ninja.whatever = function(options) {
    optiOns= options || {};
    var a = options.a,
    b = options.b;

    console.log(a, b);
    }
    learnshare
        19
    learnshare  
       2015-06-05 18:21:05 +08:00
    其实 TypeScript 也有类似的功能: http://www.typescriptlang.org/Handbook#functions-overloads 不过 TypeScript 又完全是另一回事了。
    Hyperion
        20
    Hyperion  
       2015-06-05 18:30:56 +08:00 via Android
    @FrankFang128 求同存异
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     956 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 19:31 PVG 03:31 LAX 12:31 JFK 15:31
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86