mars 11, 2021

Méthodes de chaîne


Méthodes de chaînage

D3 Utilisez une technique appelée Symptômes de la chaîne, similaires à celle de JQuery. En chaînant des méthodes séparées par des points, il est possible d’exécuter plusieurs actions dans la même ligne de code. Cela peut être rapide et facile, mais il est important de comprendre comment cela fonctionne, de sauver des heures de maux de tête débogage du code.

Au fait, les fonctions et les méthodes sont deux mots différents pour décrire le même concept: Une unité de code qui accepte une dispute comme une entrée, exécute une certaine action et renvoie certaines données de sortie.

examinons à nouveau la première ligne de code dans D3. Exemple de page.

d3.select("body").append("p").text("New paragraph!");

Cela peut sembler quelque peu désordonnée, surtout lorsque vous commencez à programmer. La première chose que vous connaissez est que JavaScript, comme HTML, ignore l’espace vide et les changements de ligne, peut donc être inclus CADA une des méthodes de sa propre ligne, ce qui est plus lisible.

d3.select("body").append("p").text("New paragraph!");

chacun qui a son propre style programar, vous pouvez donc utiliser différents espaces d’indentation (saignement), modifications de ligne ou espace vide selon vos préférences.

un lien à la fois

Voyons les différentes parties du code précédent.

D3 – Référence à l’objet D3, de telle manière que vous pouvez être accessible des méthodes.

. Sélectionnez (« Corps ») – Lors de la sélection (), un sélecteur CSS comme entrée, il renvoie une référence au premier élément du DOM qui correspond. (Il est recommandé d’utiliser Selectallall () lorsque plusieurs éléments sont nécessaires. ) Dans ce cas, seule l’étiquette du corps est nécessaire, c’est pourquoi la référence est transmise au corps à la méthode de la chaîne suivante.

Le transfert

Beaucoup de S Mais toutes les méthodes ne renvoient pas une sélection (en réalité la référence à la sélection), ce qui permet d’appliquer la technique tellement utile que c’est la chaîne des méthodes. Habituellement, une méthode renvoie une référence à l’objet modifié, mais pas toujours.

mémoriser: lorsque les méthodes sont chaînées, la commande compte. Le type de sortie (sortie) d’une méthode doit correspondre au type d’entrée (entrée) de la méthode de la chaîne suivante. Si les entrées et les sorties des méthodes adjacentes ne sont pas compatibles, le transfert d’informations ne se produira pas.

schéma sans chaîne

Le code exemple peut également être écrit sans la syntaxe de la chaîne.

var body = d3.select("body");var p = body.append("p");p.text("New paragraph!");Realmente mucho más confuso! Sin embargo, abrá veces cuando será necesario romper la cadena, como cuando se hacen llamados a tantas funciones que no vale la pena encadenarlas todas. O simplemente porque puede ser mejor organizar el código de una manera que tenga mayor sentido para quien lo está elaborando.

Suivant: Données associées – >

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *