js的call函数"源码"

Function.prototype.call=function(x){
    x = x || {};
    x['fn'] = this;
    var args = '';//参数列表
    var type;
    for (var i = 1; i<arguments.length;i++) {        
        if (typeof arguments[i] === 'string') {//参数是字符串,需要在两边加引号,因为在拼接参数的时候会被丢掉
            type = '"'+arguments[i] + '"';
        }
        else if (typeof arguments[i] === 'function') {//参数是函数的话,"反编译"出函数的代码
            type = arguments[i].toString();
        }
        else if (typeof arguments[i]  === 'object' ) {//数组和对象可能含有复杂的组合类型数据,可以通过遍历变量转成字符串
            if (/function Array()/.test(arguments[i]['constructor'])) {//参数是数组则在数组两边加上[,]
                type = "[" + arguments[i] + "]";
            } else {
                type = JSON.stringify(arguments[i])//对象的话,json化,然后执行的时候反json化
            }    
        } else {
            type = arguments[i];//数字类型
        }
        args = args + type +',';
    }
    args = args.slice(0,args.length-1);//去掉最后的逗号
    var q = new Function('var x = arguments[0];x.fn('+args+')')//new Function的时候作用域是独立的,无法访问call里面的x,所以需要传进去
    q(x)
}

function parse_Array_Object(arg) {
    //可以npm install traverse-deep和结合js的map函数进行相应处理,主要是遍历arg的每一个元素,进行类型判断,然后返回相应的字符串
    //to do ..
}
function a(a){
    console.log(this,arguments)
}
a.call({d:1},2,'s',[1,2,3],{s:1},function() {})
    原文作者:theanarkh
    原文地址: https://segmentfault.com/a/1190000008103759
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞