javascript方法--bind()

bind方法，顾名思义，就是绑定的意思，到底是怎么绑定然后怎么用呢，下面就来说说我对这个方法的理解。

语法

fun.bind(this,arg1,arg2,...)

bind()方法会创建一个新的函数，称为绑定函数,fun方法在this环境下调用

该方法可传入两个参数，第一个参数作为this作用域，可以理解为让fun函数在this作用域下运行（移花接木，所以this对象可以借用到fun函数），第二个及以后的参数则作为函数的参数调用

bind()方法绑定函数作用域不会像call和apply方法会对目标函数进行自动执行，call和apply不能用于事件绑定

实例

1.创建绑定函数

this.a = 1;
var module = {a : 2,getA:function() {return this.a;    }
};
module.getA();//2var getA1 = module.getA;
// getA在外部调用，此时的this指向了全局对象
getA1();//1// 再把getA1方法绑定到module环境上
var getA2 = getA1.bind(module);
getA2(); //2

从上面的例子可以看出，为什么要创建绑定函数，就是当我们调用某些函数的时候是要在特定环境下才能调用到，所以我们就要把函数放在特定环境下，就是使用bind把函数绑定到特定的所需的环境下。

2.让函数拥有预设的参数

使用bind()方法使函数拥有预设的初始参数，这些参数会排在最前面，传给绑定函数的参数会跟在它们后面

function list(){// 让类数组arguments拥有数组的方法slice，这个函数实现了简单把类数组转换成数组return Array.prototype.slice.call(arguments);
}list(1,2,3);//[1,2,3]//给list绑定一个预设参数4
var list1 = list.bind(undefined,4);list1();//[4]list1(1,2,3);//[4,1,2,3]

3.setTimeout的使用

正常情况下，调用setTimeout的时候this会指向全局对象，但是使用类的方法时我们需要指向类的实例，所以要把this，绑定要回调函数方便继续使用实例

function Fun1() { this.name = 1;}
Fun1.prototype.fun2 = function() {window.setTimeout(this.fun3.bind(this), 1000);}
Fun1.prototype.fun3 = function(){console.log('name:'+this.name);//name:1
}
var fun = new Fun1();
fun.fun2();

4.快捷方法--把类数组转换成数组

第一种方法是使用apply方法

 function fun1() {var slice = Array.prototype.slice;return slice.apply(arguments);}fun1(1,2,3);//[1,2,3]

第二种方法是使用call方法和bind方法一起使用

function fun2() {var unboundSlice = Array.prototype.slice;// 把函数的call方法绑定在数组slice方法上，之后再给call方法传递参数var slice = Function.prototype.call.bind(unboundSlice);return slice(arguments);
}fun2(1,2,3);//[1,2,3]

转：javascript方法--bind()相关推荐

节点插入--对比jQuery和JavaScript方法（一）
二.插入元素: 1 <div> 2 <p>面朝大海,春暖花开</p> 3 </div> (一).jQuery方法 1.在节点内部插入: 方法说明 ap ...
admui 能再php上用吗,Javascript 方法
Javascript 方法主题结构主要分为以下模块: /src/themes/(布局名)/js/ └── site.js (布局模块) /src/themes/global/js/ ├── com ...
html字符串长度函数,最常用的20个javascript方法函数
最常用的20个javascript方法函数常用的`javascript方法函数有哪些?下面YJBYS小编为你盘点,废话不说,直接放码! 1字符串长度截取 function cutstr(str, l ...
判断是否为数组的 JavaScript 方法总结
前言我们在日常开发中,常常有判断某值类型需求,今天我们总结一下常见的几种用来判断是否为数组的 JavaScript 方法. Array.isArray Array.isArray() 是ES5新增的 ...
三种引入JavaScript方法
三个简单JavaScript语句 1.弹窗:alert(); 2.网页控制台打印:console.log(); 3.页面body显示:document.write(); 引入JavaScript方法 ...
计算请假天数JavaScript方法
计算请假天数JavaScript方法前言最近,有这么个需求,给用户做个请假审批系统,要输入请假开始时间和结束时间,同时计算出请假天数,如果年假数量不够提示不能提交,如果年假数量够的话,就走审批工作 ...
Javascript方法实现拖曳和用HTML实现拖曳
Javascript方法实现拖曳和用HTML实现拖曳 1.js实现拖曳 <!DOCTYPE html> <html lang="en"><head&g ...
详解javascript的bind方法
JS的bind() 方法创建一个新的函数,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用. 通过bind可解决两个 ...
javascript的bind方法绑定深入理解
一.方法介绍function.bind(thisArg[,arg1[,arg2[,argN]]])1.方法绑定在thisArg对象上.2.可以绑定参数,用于返回值方法的下一步参数 var checkN ...

转：javascript方法--bind()

javascript方法--bind()

转：javascript方法--bind()相关推荐

最新文章

热门文章