javascript - js扩展原型方法里 this指向问题
漂亮男人
漂亮男人 2017-05-19 10:36:17
0
1
769

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

漂亮男人
漂亮男人

全部回复(1)
迷茫

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

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

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

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

aFunction()

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板