对执行结果无法理解 ，求助~

var My = {}
My.namespace = function (name) {

    var parts = name.split(',')


    var current = My;

    for (i in parts) {
        if (!current[parts[i]]) {
            current[parts[i]] = {}
            console.log(current, My, i, current === My)
        }
        current = current[parts[i]]
    }
    

}

My.namespace('dom,style')
console.log(My)


代码如上，对最终的执行结果无法理解
为何 style:{}会挂载到 My 上面呢
每次 current[parts[i]] = {}  执行后
再执行 current = current[parts[i]]  
current 被设置成{} 他又是如何与 My 保持关联的呢