javascript中递归调用返回结果的问题

Question

这是一段用于搜索字符串中字符所在的位置，并返回这些位置值所构成的数组的函数function searchBrIndex(val,start,arr){    if(typeof val !== "string"){        throw new Error("参数不是字符串")     }    var arr = arr || [];    var start = start || 0;    var index = val.indexOf("<br>",start);    if(index !== -1){         arr.push(index);         searchBrIndex(val,index+4,arr);     }    return arr; }如果我把递归中arr参数去掉，也就是这样function searchBrIndex(val,start,arr){    if(typeof val !== "string"){        throw new Error("参数不是字符串")     }    var arr = arr || [];    var start = start || 0;    var index = val.indexOf("<br>",start);    if(index !== -1){         arr.push(index);         searchBrIndex(val,index+4);     }    return arr; }进入下一过程arr始终会变成空数组，由于在最后index总会有等于-1的时候，此时的arr一定为空数组，然而最终返回的却不是空数组，而是第一次调用后返回的arr，也就是字符串中第一个所在在位置。比如：searchBrIndex("12345<br>6789<br>12345")1、首次调用arr = [5] ， 进入递归第一次 arr = [13], 第三次 arr = []， 然后退出递归循环，最终返回的是arr = [5]，为什么不是arr = []？2、return不是就退出了函数了吗，那不就不会再执行先前未执行完的函数的return语句了吗？