angular.bind使用心得

更新時(shí)間：2015年10月26日 08:56:31 投稿：hebedich

這篇文章主要介紹了angular.bind使用心得，以及個(gè)人對(duì)于angular.bind的理解，這里分享給大家，希望大家能夠喜歡。

angular.bind

解釋：返回一個(gè)調(diào)用self的函數(shù)fn（self代表fn里的this）.可以給fn提供參數(shù)args（*）.這個(gè)功能也被稱為局部操作，以區(qū)別功能。

格式：angular.bind(self,fn,args);

self：object 對(duì)象； fn的上下文對(duì)象，在fn中可以用this調(diào)用

fn：function；綁定的方法

args：傳入fn的參數(shù)

  var obj = { name: "Any" };
  var fn = function (Adj) {
    console.log(this.name + "is a boy!!! And he is " + Adj + " !!!");
  };
  var f = angular.bind(obj, fn, "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!!!

接下來(lái)說(shuō)說(shuō)對(duì)angular.bind的理解吧~

bind顧名思義綁定的意思，那么假如我們要把A綁到B上，那么必須又有A和B這2個(gè)存在體。這里需要的2個(gè)存在體就一個(gè)對(duì)象和一個(gè)函數(shù)。那么怎么綁？@野獸的理解是把對(duì)象“綁”到函數(shù)的this上去執(zhí)行，這時(shí)候fn的this就等于obj了，至于第三個(gè)參數(shù)，可有可無(wú)，看需求，如果函數(shù)需要傳入?yún)?shù)，那么我們可以把a(bǔ)ngular.bind的第三個(gè)參數(shù)放上去，這就是傳入fn函數(shù)的參數(shù)了。

案例中第一種寫法是定義綁定的時(shí)候就把fn所需的參數(shù)傳進(jìn)去了，調(diào)用的時(shí)候直接用，而案例中第二種寫法是先綁定，在調(diào)用執(zhí)行的時(shí)候再給fn傳參，效果是一樣的

對(duì)于那上面的英文句子（好吧，雖然只有2句），如果有寫錯(cuò)了，那么說(shuō)明深深的愛(ài)著我們的母語(yǔ)-中文；如果一不小心寫對(duì)了，那么請(qǐng)為這個(gè)裝的66666的B鼓掌~

文章最后，我們來(lái)看個(gè)實(shí)例吧

<!DOCTYPE HTML>
<html ng-app>
<head>
</head>
<script src="http://code.angularjs.org/1.2.3/angular.min.js"></script>
</body>
<script>
   
 var self = {name:'boyi'};
 
 //示例1--帶參數(shù)
 var f = angular.bind(self, //綁定對(duì)象，作為函數(shù)的上下文
  //被綁定的函數(shù)
  function(age){ 
   alert(this.name + ' is ' + age + ' !');
  },
  //綁定的參數(shù)，可省略
  '15'
 );
 f();//調(diào)用綁定之后的function
  
 //示例2--不帶參數(shù)
 var m = angular.bind(self, //綁定對(duì)象，作為函數(shù)的上下文
  //被綁定的函數(shù)
  function(age){ 
   alert(this.name + ' is ' + age + ' !');
  }
  //省略參數(shù)
 );
  
 m(3);//調(diào)用傳參的函數(shù)		
 
</script>

</body>	
</html>

您可能感興趣的文章: