Le présent document décrit des exemples de programmation orientée objet Javascript cha?nés appels.Partager vous pour votre référence, comme suit:

  1.appel de la cha?ne:

  jquery probablement actuellement le cadre de js le plus couramment utilisé, et ont pris l''habitude d''appeler les fa?ons suivantes:

  $ ( ''.SomeClass'').spectacle ().css ( ''xxx'', ''xxxx'').cliquez sur (function () {}).xxx .

  Cette invocation est appelée appels cha?nés, ce qui signifie que, après l''appel d''une méthode, vous pouvez utiliser les appels de méthode de la valeur de retour pour continuer.

  2.Comment réaliser des appels encha?nées:

  Comprendre ce qui est des appels encha?née, nous allons examiner la fa?on d''atteindre une cha?ne appelée à partir de la touche 1 appel de la cha?ne, nous devons savoir que la valeur de retour de la méthode, tant que la valeur de retour de la méthode est un objet de l''appel de méthode, puis nous pouvons réaliser des appels encha?nées, nous avons modélisé jquery, utilisez $ comme sélecteur d''objet:

  (Une fonction () {

  fonction _ $ () {els

  cette.éléments = [];

  for (var i = 0, len = els.longueur; i

  éléments var = els [i];

  if ( ''cha?ne'' typeof = element) {

  élément = Document.getElementByIdx_x_x (élément);

  }

  }

  cette.éléments.pousser (élément);

  }

  _ $.prototype = {

  chacun: function (fn) {

  for (var i = 0, = len ce.éléments.longueur; i

  fn.appeler (cela, ce.les éléments [i]);

  }

  return this;

  },

  setStyle: function (prop, val) {

  .

  },

  montrer: function () {

  .

  },

  .

  }

  fenêtre.$ = Function () {

  return new _ $ (arguments);

  }

  }) ();

  Les outils de code ci-dessus d''un simple objet d''appel de la cha?ne, et utiliser l''alias comme _ $ $, afin d''éviter l''écrasement $ autre code qui a conduit à la perte de l''ensemble des définitions d''objets.

  Pièce jointe: un simple appel de la cha?ne:

  var arr = [1,2,3];

  var num = arr.la carte (fonction (objets) {

  articles de retour + 1;

  });

  console.log (num); // [2,3,4 var arr = [1,2,3];

  var num = arr.la carte (fonction (objets) {

  articles de retour + 1;

  }).réduire (fonction (a, b) {// [2,3,4].réduire ()

  retourner a + b;

  })

  ?

  console.log (num); // 0 --- 2 + 3 + 4 = 9]

  ?

  var arr = [1,2,3];

  var NUM_1 = arr.réduire (fonction (a, b) {

  retourner a + b;

  })

  console.log (NUM_1); // 6

  ?

  var arr = [1,2,3];

  var num = arr.la carte (fonction (objets) {

  articles de retour + 1;

  }).réduire (fonction (a, b) {// [2,3,4].réduire ()

  retourner a + b;

  })

  ?

  console.log (num); // 0 --- 2 + 3 + 4 = 9

  amis intéressés peuvent utiliser le HTML en ligne / CSS / code JavaScript outil en cours d''exécution: http: // outils.jb51.net / code / HtmlJsRun code ci-dessus en cours d''exécution test effet.

  Plus de résultats associés sur les lecteurs intéressés JavaScript peuvent consulter la rubrique du site: ? tutoriel d''introduction orienté objet javascript ?, ? JavaScript erreur et de débogage Sommaire des compétences ?, JavaScript algorithme traversal ? résumé des compétences des structures de données JavaScript et algorithmes ?, ? et Sommaire des compétences ? et ? récapitulatif de l''utilisation des mathématiques JavaScript "

  Dans cet article, nous espérons que l''aide à la programmation JavaScript.

  Vous pouvez également être intéressé par l''article: JavaScript design patterns modèle de fabrique abstraite et analyse définition de modèle usine et utilisation JavaScript Design Patterns Résumé usine modèle analyse JS introduire modèle de fabrique abstraite javascript javascript détail abstrait modèle de conception de modèle d''usine - Principes et applications du modèle d''usine exemples design pattern javascript analyse - modèle simple de conception javascript d''analyse des exemples de principe et d''application de modèle d''usine - principe singleton et des exemples d''application des compositions d''analyse aiment motif conception javascript principes du mode pentagonal et applications détaillées design patterns javascript modèles pour l''application Explication ? conception javascript ? notes d''étude de sept: mode combiné programmation orientée objet Javascript détaillé ? en mode design patterns javascript, ? les notes d''étude de cinq: modèle modèles de conception d''usine de programmation orientée objet javascript analyse de cas Javascript - principes d''analyse abstraite de motif d''usine et des exemples d''application

? design patterns Javascript, ? les notes d''étude quatre: la programmation orientée objet Javascript appels cha?né étude de cas

Recommend Article: