angular.bind使用心得

前端之家收集整理的这篇文章主要介绍了angular.bind使用心得前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_5020@

angular.bind


@H
502_0@解释:返回一个调用self的函数fn(self代表fn里的this).可以给fn提供参数args(*).这个功能也被称为局部操作,以区别功能


@H_5020@格式:angular.bind(self,fn,args);


@H
502_0@self:object 对象; fn的上下文对象,在fn中可以用this调用


@H_502_0@fn:function; 绑定的方法


@H_502_0@args:传入fn的参数


<div class="jb51code">
<pre class="brush:js;">
var obj = { name: "Any" };
var fn = function (Adj) {
console.log(this.name + "is a boy!!! And he is " + Adj + " !!!");
};
var f = angular.bind(obj,"handsome");
f();//Any is a boy!!! And he is handsome!!!
var t = angular.bind(obj,fn);
t("ugly");// Any is a boy!!! And he is ugly!!!

@H_502_0@接下来说说对angular.bind的理解吧~

@H_502_0@bind顾名思义绑定的意思,那么假如我们要把A绑到B上,那么必须又有A和B这2个存在体。这里需要的2个存在体就一个对象和一个函数。那么怎么绑?@野兽的理解是把对象“绑”到函数的this上去执行,这时候fn的this就等于obj了,至于第三个参数,可有可无,看需求,如果函数需要传入参数,那么我们可以把angular.bind的第三个参数放上去,这就是传入fn函数的参数了。

@H_502_0@案例中第一种写法是定义绑定的时候就把fn所需的参数传进去了,调用的时候直接用,而案例中第二种写法是先绑定,在调用执行的时候再给fn传参,效果是一样的

@H_502_0@对于那上面的英文句子(好吧,虽然只有2句),如果有写错了,那么说明深深的爱着我们的母语-中文;如果一不小心写对了,那么请为这个装的66666的B鼓掌~

@H_502_0@文章最后,我们来看个实例吧

原文链接:https://www.f2er.com/js/51989.html

猜你在找的JavaScript相关文章