angular.bind使用心得
angular.bind
解释:返回一个调用self的函数fn(self代表fn里的this).可以给fn提供参数args(*).这个功能也被称为局部操作,以区别功能。
格式:angular.bind(self,fn,args);
self:object 对象;fn的上下文对象,在fn中可以用this调用
fn:function;绑定的方法
args:传入fn的参数
varobj={name:"Any"};
varfn=function(Adj){
console.log(this.name+"isaboy!!!Andheis"+Adj+"!!!");
};
varf=angular.bind(obj,fn,"handsome");
f();//Anyisaboy!!!Andheishandsome!!!
vart=angular.bind(obj,fn);
t("ugly");//Anyisaboy!!!Andheisugly!!!
接下来说说对angular.bind的理解吧~
bind顾名思义绑定的意思,那么假如我们要把A绑到B上,那么必须又有A和B这2个存在体。这里需要的2个存在体就一个对象和一个函数。那么怎么绑?@野兽的理解是把对象“绑”到函数的this上去执行,这时候fn的this就等于obj了,至于第三个参数,可有可无,看需求,如果函数需要传入参数,那么我们可以把angular.bind的第三个参数放上去,这就是传入fn函数的参数了。
案例中第一种写法是定义绑定的时候就把fn所需的参数传进去了,调用的时候直接用,而案例中第二种写法是先绑定,在调用执行的时候再给fn传参,效果是一样的
对于那上面的英文句子(好吧,虽然只有2句),如果有写错了,那么说明深深的爱着我们的母语-中文;如果一不小心写对了,那么请为这个装的66666的B鼓掌~
文章最后,我们来看个实例吧
<!DOCTYPEHTML>
<htmlng-app>
<head>
</head>
<scriptsrc="http://code.angularjs.org/1.2.3/angular.min.js"></script>
</body>
<script>
varself={name:'boyi'};
//示例1--带参数
varf=angular.bind(self,//绑定对象,作为函数的上下文
//被绑定的函数
function(age){
alert(this.name+'is'+age+'!');
},
//绑定的参数,可省略
'15'
);
f();//调用绑定之后的function
//示例2--不带参数
varm=angular.bind(self,//绑定对象,作为函数的上下文
//被绑定的函数
function(age){
alert(this.name+'is'+age+'!');
}
//省略参数
);
m(3);//调用传参的函数
</script>
</body>
</html>热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下