这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文主要介绍了 javascript 中 apply/call 和 bind 的使用。具有很好的参考价值,下面跟着小编一起来看下吧
fun.apply(context,[argsArray])
立即调用 fun,同时将 fun 函数原来的 this 指向传入的新 context 对象,实现同一个方法在不同对象上重复使用。
context: 传入的对象,替代 fun 函数原来的 this;
argsArray: 一个数组或者类数组对象,其中的数组参数会被展开作为单独的实参传给 fun 函数,需要注意参数的顺序。
fun.call(context,[arg1],[arg2],[…])
同 apply,只是参数列表不同,call 的参数需要分开一个一个传入。如果不知道参数个数,则使用 apply。
使用:
Math.max() 只接收单独的参数,通过下面的方法可以在数组上面使用 max 方法:
- Math.max.apply(null, array); //会将array数组参数展开成单独的参数再传入
- Array.prototype.push.apply(arr1, arr2); //将一个数组拆开push到另一个数组中;不用apply则会将后续数组参数当成一个元素push进去。
- Array.prototype.slice.call(arguments); //在类素组对象上使用slice方法
fun.bind(context,[arg1],[arg2],[…])
使 fun 方法执行的 context 永不变。
arg1: 要传递到新函数的参数列表
返回一个函数供后续调用,其函数体和原函数 fun 一样,但新函数的 this 指向新传入的 context 对象。新函数具有指定的初始参数,后续调用时的实参要往后面排。
- var displayArgs = function(val1, val2, val3, val4) {
- console.log(val1 + " " + val2 + " " + val3 + " " + val4);
- }
- var emptyObject = {};
- // 生成新函数时指定了2个参数
- var displayArgs2 = displayArgs.bind(emptyObject, 12, "a");
- // 调用时传入另2个参数,往后排
- displayArgs2("b", "c");
- // Output: 12 a b c
使用 bind() 方法改写 slice() 方法:
- var _Slice = Array.prototype.slice;
- var slice = Function.prototype.call.bind(_Slice);
- slice(…);
bind() 兼容 Ie5~ie8 处理
- if (!Function.prototype.bind) {
- Function.prototype.bind = function(context) {
- var self = this,
- // 即调用bind方法的目标函数
- args = arguments;
- return function() {
- self.apply(context, Array.prototype.slice.call(args, 1));
- }
- }
- }
一般情况下 setTimeout() 的 this 指向 window 或 global 对象。当使用类的方法时需要 this 指向类实例,就可以使用 bind() 将 this 绑定到调用对象。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持 phperz!
来源: http://www.phperz.com/article/17/0513/327624.html