Marzo 11, 2021

Métodos de cadea


Métodos de encadernación

D3 Use unha técnica chamada síntomas da cadea, semellante á de jQuery. Por encadear métodos separados por puntos, é posible executar varias accións na mesma liña de código. Isto pode ser rápido e sinxelo, pero é importante comprender como funciona, para aforrar horas de dores de cabeza depurando o código.

Por certo, as funcións e os métodos son dúas palabras diferentes para describir o mesmo concepto: Unha unidade de código que acepta un argumento como entrada, realiza algunha acción e devolve algúns datos de saída.

imos revisar de novo a primeira liña de código en D3. Páxina de exemplo.

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

Isto pode parecer un pouco confuso, especialmente cando está empezando a programar. O primeiro que sabes é que Javascript, como HTML, ignora o espazo en branco e os cambios de liña, polo tanto, pódese incluír Cáda un dos métodos na súa propia liña, que é máis lexible.

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

Cada un que ten o seu propio estilo de progamar, polo tanto, pode usar diferentes espazos de sangría (sangrado), cambios de liña ou espazo en branco segundo as súas preferencias.

unha ligazón á vez

Vexamos as diferentes partes do código anterior.

D3 – Referencia ao obxecto D3, de tal xeito que poida acceder a métodos.

. Seleccione (“Corpo”) – Ao dar seleccionar () un selector CSS como entrada, devolverá unha referencia ao primeiro elemento do DOM que coincide. (Recoméndase usar Selectall () cando se necesita máis dun elemento ). Neste caso, só se necesita a etiqueta do corpo, é por iso que a referencia pasa ao corpo ao seguinte método de cadea.

a transferencia

Moita cousa S, pero non todos os métodos devolver unha selección (en realidade a referencia á selección), que permite aplicar a técnica tan útil que é a encadea de métodos. Normalmente, un método devolve unha referencia ao obxecto que alterou, pero non sempre.

Para lembrar: cando os métodos están encadenados, a orde importa. O tipo de saída (saída) dun método debe coincidir co tipo de entrada (entrada) do seguinte método de cadea. Se as entradas e as saídas dos métodos adxacentes non son compatibles, a transferencia de información non ocorrerá.

Scheme sen cadea

O código de exemplo tamén pode escribirse sen a sintaxe da cadea.

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.

Seguinte: Datos asociados – >

Deixa unha resposta

O teu enderezo electrónico non se publicará Os campos obrigatorios están marcados con *