javascript - 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这个函数 不知道这样理解对不对

解决方案

其实不太能懂你的提问，那咱就来用思路走一遍这个代码吧

myFunction.bind(myObject)进入到原型得bind函数内部

1. 将myFunction赋值给fn，将参数转化成一个数组args,将第一个参数删除并赋值给object。

2. 返回一个函数，然后你思考下闭包这回事，然后就了解。这个函数干的活可以简单得理解为myFunction.apply(myObject,[...这里是其他参数])

aFunction()

就是myFunction.apply(myObject,[...这里木有参数])
然后进入到myFunction内部，因为apply的关系this就是myObject,然后干的活就是myObject==myObject
返回true

这篇关于javascript - js扩展原型方法里 this指向问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！