javascript call函数探索_js call函数的catch-优快云博客

本文链接：https://blog.youkuaiyun.com/alex_xfboy/article/details/42874945

本文详细解析了JavaScript中Array.prototype.slice.call(arguments)的内部实现，包括其如何将具有length属性的对象转换为数组，以及在不同作用域下this的指向变化。同时，提供了一个通用的数组转换函数，并通过示例展示了call方法在改变作用域方面的作用。文章还附带了一个使用该方法创建可复用函数的实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们知道，Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组，除了IE下的节点集合（因为ie下的dom对象是以com对象的形式实现的，js对象与com对象不能进行转换）如：

var a={length:2,0:'first',1:'second'};
Array.prototype.slice.call(a);//  ["first", "second"]
  
var a={length:2};
Array.prototype.slice.call(a);//  [undefined, undefined]

再看call的用法，如下例子

 var a = function(){
     console.log(this);    // 'littledu'
     console.log(typeof this);      //  Object
     console.log(this instanceof String);    // true
 }
 a.call('littledu');

可以看出，call了后，就把当前函数推入所传参数的作用域中去了，不知道这样说对不对，但反正this就指向了所传进去的对象就肯定的了。到这里，基本就差不多了，我们可以大胆猜一下slice的内部实现，如下

Array.prototype.slice = function(start,end){
     var result = new Array();
     start = start || 0;
     end = end || this.length; //this指向调用的对象，当用了call后，能够改变this的指向，也就是指向传进来的对象，这是关键
     for(var i = start; i < end; i++){
          result.push(this[i]);
     }
     return result;
}

最后，附个转成数组的通用函数

var toArray = function(s){
    try{
        return Array.prototype.slice.call(s);
    } catch(e){
            var arr = [];
            for(var i = 0,len = s.length; i < len; i++){
                //arr.push(s[i]);
                   arr[i] = s[i];  //据说这样比push快
            }
             return arr;
    }
}

arguments有一个不可枚举的属性callee（不能用for in读出，可用HasOwnProterty（name）来判断），arguments.callee为正被执行的 Function 对象。slice时己把当前函数指针copy了过去，所以args的第一个元素为函数类型。

function makeFunc() {
  var args = Array.prototype.slice.call(arguments);
  var func = args.shift();
  return function() {
    return func.apply(null, args.concat(Array.prototype.slice.call(arguments)));
  };
}