js扩展原型方法里 this指向问题

JavaScript忍者秘籍这本书中 有一段Prototype库,函数bind代码的示例:

Function.prototype.bind = function(){

            var fn = this, args = Array.prototype.slice.call(arguments),

                object = args.shift();

            return function(){

                  return fn.apply(object,args.concat(Array.prototype.slice.call(arguments)));

            };

        }; 

            var myObject = {a:"1"};

            function myFunction(){

                return this == myObject;

            };

            var aFunction = myFunction.bind(myObject);


            aFunction();

我用断点查看 函数bind里面的fn指向myFunction这个函数 这个我不太理解 我的理解是只要用Function.prototype 这个原型扩展的方法 此方法里面开始声明的变量var fn=this;fn的指向就指向使用这个方法的函数 就像本例中的myFunction.bind(myObject);调用bin方法,fn指向myFunction这个函数 不知道这样理解对不对

隔江千里
浏览 460回答 1
1回答

慕桂英546537

其实不太能懂你的提问,那咱就来用思路走一遍这个代码吧myFunction.bind(myObject)进入到原型得bind函数内部将myFunction赋值给fn,将参数转化成一个数组args,将第一个参数删除并赋值给object。返回一个函数,然后你思考下闭包这回事,然后就了解。这个函数干的活可以简单得理解为myFunction.apply(myObject,[...这里是其他参数])aFunction()就是myFunction.apply(myObject,[...这里木有参数])然后进入到myFunction内部,因为apply的关系this就是myObject,然后干的活就是myObject==myObject返回true
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript