setTimeout循环问题

一、需求描述

      如“1234”，按位数读1、2、3、4，且每位之间间隔1s

二、代码逻辑

function speakNumber2(no,len,i){ // no='1234',len=4,i=0
                if(i ≥ len){
                    clearTimeout(s) ;
                }else {
                    soundAlert("sound_"+no.charAt(i));
                    s = setTimeout(speakNumber2(no,len,++i), 1000);
                }
}

问题：在1s内把1、2、3、4一下读出来了

思路：改用setInterval，问题仍存在

         改为：s = setInterval(speakNumber2(no,len,++i), 1000*i);问题仍存在

三、分析

因为回调函数传参数问题；

重写setTimeOut方法，问题解决

var __sto = setTimeout;
            window.setTimeout = function(callback,timeout,param)
            {
                var args = Array.prototype.slice.call(arguments,2);
                var _cb = function()
                {
                    callback.apply(null,args);
                }
               
                __sto(_cb,timeout);
            }
           
            function speakNumber2(no){
                var len = no.length;
                for (var i = 0; i < len; i++) {
                    setTimeout(soundAlert, 500*i, "sound_merge"+no.charAt(i)); //第i个数，在第 500*i s 时执行
                }
               }