martie 11, 2021

Metode de lanț

Metode de înlănțuire

D3 Utilizați o tehnică numită simptome de lanț, similară cu cea a jquery. Prin realizarea metodelor separate prin puncte, este posibilă executarea mai multor acțiuni în aceeași linie de cod. Acest lucru poate fi rapid și ușor, dar este important să înțelegem cum funcționează, să economisiți orele de cap de cap de depanare a codului.

Apropiere, funcțiile și metodele sunt două cuvinte diferite pentru a descrie același concept: O unitate de cod care acceptă un argument ca intrare, efectuează o anumită acțiune și returnează unele date de ieșire.

Să revizuim din nou prima linie de cod în D3. Exemplu de pagină.

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

Acest lucru poate părea oarecum murdar, mai ales când începeți să programați. Primul lucru pe care îl cunoașteți este că JavaScript, cum ar fi HTML, ignoră spațiul gol și schimbările de linie, prin urmare, poate fi inclusă una dintre metodele din propria linie, care este mai lizibilă.

DIV id = „0AFE7B35A9″>

fiecare care are propriul stil de progamare, prin urmare puteți utiliza diferite spații de indentare (sângerare), modificări ale liniei sau spațiu gol în funcție de preferințele dvs.

o legătură la un moment dat

Să vedem diferitele părți ale codului anterior.

D3 – Referință la obiectul D3, astfel încât să puteți fi accesat metode.

. Selectați („corp”) – Atunci când dați selector CSS ca intrare, acesta va reveni la primul element al DOM care se potrivește (se recomandă utilizarea selecției () când este nevoie de mai multe elemente ). În acest caz, este nevoie numai de eticheta corpului, de aceea referința este transmisă corpului la următoarea metodă a lanțului.

Transfer

o mulțime de S Dar nu toate metodele returnate o selecție (de fapt, trimiterea la selecție), care permite aplicarea tehnicii atât de utilă încât este înlănțarea metodelor. De obicei, o metodă returnează o referință la obiectul care a modificat, dar nu întotdeauna.

Pentru a vă aminti: Când metodele sunt înlănțuite, comenzile contează. Tipul de ieșire (ieșire) al unei metode trebuie să se potrivească cu tipul de intrare (intrare) din metoda următoare a lanțului. Dacă intrările și ieșirile metodelor adiacente nu sunt compatibile, transferul de informații nu va avea loc.

Schema fără lanț

Codul de exemplu poate fi, de asemenea, scris fără sintaxa lanțului.

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.

Următorul: Datele asociate – >

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *