对[].slice.call(arguments,1) 的一丢丢见解

最新推荐文章于 2022-11-23 10:12:28 发布

原创最新推荐文章于 2022-11-23 10:12:28 发布 · 1.2w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#函数 #显式绑定 #切割参数 #call

笔记-Js/JQ 专栏收录该内容

14 篇文章

订阅专栏

本文探讨了JavaScript中使用[].slice.call(arguments,1)的原因。文章指出，由于arguments对象不是真正的数组，其原型链上没有slice方法。作者通过这种方式利用数组的slice方法，通过call显式绑定，使arguments对象能够调用slice，从而实现参数切割的功能。" 131587680,8070352,C++与C语言数组拷贝及C++ Vector拷贝解析,"['C++', '开发语言', '数据结构']

前言

 今天偶然翻资料看到一个叫做软绑定的函数,用来确定this的;

原代码

 if(!Function.prototype.softBind){
           Function.prototype.softBind = function(obj){
               var fn = this;
               var curried = [].slice.call(arguments,1);
               var bound = function(){
                   return fn.apply(
                       (!this || this === (window || global)) ? obj:this,
                       curried.concat.apply(curried,arguments);
                   )
               };
               bound.prototype = Object.create(fn.prototype);
               return bound;
           }
       }

看到[].slice.call(arguments,1) 这个写法我一脸懵逼,为何?

arguments是一个对象而不是数组..而且自身的原型链上也没有slice这个方法;

个人见解

[]自身也是也是一个对象.而数组原型链上有这个slice这个方法,通过call显式绑定来实现arguments变相有slice这个方法

   /*此处的返回值是true*/
   [].slice === Array.prototype.slice;

   /*确定arguments的类型
    * 返回 3,Object, true;
    */
    (function(a,b,c){
       console.log(arguments.length);
       console.log(typeof arguments);
       console.log( arguments instanceof Object);

    }(1,2,3))


   /*我们自身也可以模拟一个对象传入,我们这里用数组对象,不是等同,只是道理差不多的*/
   aargument =  [1,2,3,4];
   [].slice.call(aargument,3);   //返回[4]
   [].slice.call(aargument,1,3); //[2, 3]

总结

那个写法就是裁切arguments传入的参数,保存起来操作;