Março 11, 2021

Métodos da cadeia


Métodos de encadeamento

d3 Use uma técnica chamada sintomas da cadeia, semelhante à do jQuery. Por métodos de encadeamento separados por pontos, é possível executar várias ações na mesma linha de código. Isso pode ser rápido e fácil, mas é importante entender como ele funciona, para economizar horas de dores de cabeça de depuração do código.

A propósito, funções e métodos são duas palavras diferentes para descrever o mesmo conceito: Uma unidade de código que aceita um argumento como uma entrada, executa alguma ação e retorna alguns dados de saída.

Vamos rever novamente a primeira linha de código no D3. Exemplo.

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

Isso pode parecer um pouco confuso, especialmente quando você está começando a programar. A primeira coisa que você sabe é que JavaScript, como HTML, ignora o espaço em branco e as alterações em branco, portanto, podem ser incluídos Cáda um dos métodos em sua própria linha, o que é mais legível.

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

cada um que tem seu próprio estilo progamar, portanto, você pode usar espaços de indentação diferentes (sangramento), alterações de linha ou espaço em branco de acordo com suas preferências.

um link de cada vez

Vamos ver as diferentes partes do código anterior.

D3 – Referência ao objeto D3, de forma que você possa ser acessado métodos.

. Selecione (“Body”) – Ao dar ao seleto () um seletor CSS como uma entrada, ele retornará uma referência ao primeiro elemento do DOM que corresponde. (É recomendável usar Selectall () quando mais de um elemento for necessário ). Neste caso, apenas o rótulo do corpo é necessário, é por isso que a referência é passada para o corpo para o método de cadeia a seguir.

A transferência

muito S, mas nem todos os métodos retornam uma seleção (na verdade a referência à seleção), que permite a aplicação da técnica tão útil que seja o encadeamento de métodos. Normalmente, um método retorna uma referência ao objeto que alterou, mas nem sempre.

Para lembrar: Quando os métodos são acorrentados, a ordem é importante. O tipo de saída (saída) de um método deve corresponder ao tipo de entrada (entrada) do seguinte método da cadeia. Se as entradas e saídas de métodos adjacentes não forem compatíveis, a transferência de informações não ocorrerá.

Esquema sem corrente

O código de exemplo também pode ser escrito sem a sintaxe da cadeia.

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.

Next: Dados associados – >

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *