suchen

Heim >Web-Frontend >js-Tutorial >Angular.bind-Nutzungserfahrung_AngularJS

Angular.bind-Nutzungserfahrung_AngularJS

WBOY
WBOYOriginal
2016-05-16 15:35:16996Durchsuche

angular.bind

Erklärung: Gibt eine Funktion zurück, die self aufruft (self stellt dies in fn dar). Parameter args (*) können für fn bereitgestellt werden, um die Funktion zu unterscheiden.

Format: angle.bind(self,fn,args);

self: Objektobjekt; das Kontextobjekt von fn, das damit in fn aufgerufen werden kann

fn: Funktion; Bindungsmethode

args: Parameter, die an fn übergeben werden

  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!!!

Lassen Sie uns über unser Verständnis von angle.bind~ sprechen

bind bedeutet binden, wie der Name schon sagt. Wenn wir also A an B binden wollen, müssen zwei Entitäten vorhanden sein, A und B. Die beiden hier benötigten Entitäten sind ein Objekt und eine Funktion. Wie bindet man es also? Das Verständnis von @Beast besteht darin, das Objekt zur Ausführung an dieses zu binden. Der dritte Parameter ist optional Um Parameter zu übergeben, können wir den dritten Parameter von angle.bind eingeben, bei dem es sich um den Parameter handelt, der an die Funktion fn übergeben wird.

Die erste Schreibweise in diesem Fall besteht darin, die von fn benötigten Parameter beim Definieren der Bindung zu übergeben und sie beim Aufruf direkt zu verwenden. Die zweite Schreibweise in diesem Fall besteht darin, sie zuerst zu binden und dann beim Aufrufen von und zu verwenden Die Übergabe von Parametern an fn hat den gleichen Effekt

Wenn es in den obigen englischen Sätzen (naja, auch wenn es nur zwei Sätze sind) Fehler gibt, bedeutet das, dass wir unsere Muttersprache zutiefst lieben – Chinesisch. Wenn Sie es versehentlich richtig geschrieben haben, unterstützen Sie bitte diesen Applaus an B, der vorgibt, 66666~

zu sein

Am Ende des Artikels schauen wir uns ein Beispiel an

<!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--带参数
 var f = angular.bind(self, //绑定对象，作为函数的上下文
  //被绑定的函数
  function(age){ 
   alert(this.name + ' is ' + age + ' !');
  },
  //绑定的参数，可省略
  '15'
 );
 f();//调用绑定之后的function
  
 //示例2--不带参数
 var m = angular.bind(self, //绑定对象，作为函数的上下文
  //被绑定的函数
  function(age){ 
   alert(this.name + ' is ' + age + ' !');
  }
  //省略参数
 );
  
 m(3);//调用传参的函数		
 
</script>

</body>	
</html>

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：jQuery implementiert den verzögerten Verarbeitungseffekt der Mausübergabe an event_jqueryNächster Artikel：jQuery implementiert den verzögerten Verarbeitungseffekt der Mausübergabe an event_jquery

In Verbindung stehende Artikel

Mehr sehen