bind方法 一种我们忽略的继承
我们之前说过了call和apply两者的区别仅仅是第二参数的不同,call对的第二个参数 可以是任意字符,apply的第二个参数必须是数组。当然,第二个参数视需求而定,是可选的。
今天本来想写一个放大镜的效果,再找参考资料的时候 无意发现了一个bind方法,看到解释让我甚是感兴趣,改变函数对象内部的this指向。IE8以下不兼容:
"use strict"; var pi = 99; var uk = { pi:888, app:function(){ return function(){ console.log(this.pi); } }, kk:{ pi:1235 } }; function uxc(){} uxc.prototype = { pi:9527 } uk.kk = new uxc; var ii = uk.app().bind(uk.kk); ii();
打印出来是95278,重点就是这句话起作用了:
uk.kk = new uxc;
改变了kk.pi变成9527;
bind返回的是函数,call和apply返回的是结果。
所以后面我还ii();执行了一下。
不过很多朋友推荐使用call和apply我觉得也是兼容好,而且利索。性能也比bind高。但是有一些情况还是会遇到使用bind的.下面下一个兼容:
if (!Function.prototype.bind) { Function.prototype.bind = function(obj) { var _self = this ,args = arguments; return function() { _self.apply(obj, Array.prototype.slice.call(args, 1)); } } }
_self.apply(obj, Array.prototype.slice.call(args, 1));最后还是用到了apply和call方法来。
Array.prototype.slice.call(args, 1) //返回一个空数组.<pre name="code" class="javascript">console.log(Object.prototype.toString.call(Array.prototype.slice.call(arr,0))=="[object Array]");//true apply一下 this就是obj了 接着再返回。