Há imensos conceitos "novos" que temos de aprender para lidar com o JavaScript no Browser ou no computador (NodeJS). Aprender os conceitos é também o nosso objectivo, sendo que os dados que estão representados são também Objectos.
Em JSON os Objectos estão dentro de [listas], sendo que em JavaScript, os {objectos} também podem ter [listas] de {objectos} e, todos os {objectos} podem ter vários [listas]. No fundo a representação dos dados em cada uma dessas estruturas é semelhante, mas o que é importante é lembrar que só os objectos podem conter funções.
Este conceito é o mais importante ( para mim ) pois assim entendo melhor o resultado do comando:
console.log(windows) // na consola do Browser relativamente ao DOM
e
console.log(modulo) // no terminal, relativamente aos modulos do NodeJS.
A lista de funções que estão disponíveis são objectos e só os objectos têm funções. A lista é bem grande para ambas as partes e cada função tem uma ou várias propriedades de expressão.
No fundo, tal como as pessoas em sociedade, mesmo que as pessoas não sejam objectos, são objectos de expressão, isto é, ferramentas sociais.
Por isso, é sempre bom ( cá para mim ) imaginar que qualquer objecto representado em NodeJS ou em JavaScript é como a representação de uma pessoa que tem várias habilidades de lidar com a informação.
No fundo o DOM é um grande objecto, repleto de outros pequenos objectos, que estáo repletos de funções. As função servem adicionar ou retirar variaveis associadas aos dados de objectos. Parece uma noção redundante mas terá sentido, pensar desta forma, pois na comparação, uma sociedade é um objecto feito de vários outros objectos, os quais, cada um deles, têm novos objectos, sendo que cada objecto pode ter uma ou mais funções.
Se tentar organizar a informação a partir desta noção, torna-se mais fácil, sendo que o mais difícil está na escolha da categorização da informação, para melhor organização.
Exemplo de uma [lista] com um {objecto} em JSON
[{
"chave01": "esta é a primeira chave",
"chave02": "esta é a segunda chave",
/* function() {
console.log("esta é a terceira chave";
}*/
// os ficheiros JSON só podem ter dados e por isso, a descrição da função resulta num erro.
// É por isso que ficou comentado.
}]
No exemplo anterior considera-se que o objecto que representa os dados, é um ficheiro com a extensão.json. A mesma noção é usada no JavaScript, mas associa-se o objecto a uma variavel.
Exemplo de uma ["lista"] com um {objecto} em JavaScript associado = a uma variável.
let chaveiro = [{
"chave01": "esta é a primeira chave",
"chave02": "esta é a segunda chave",
terceira() {
console.log("Esta é a terceira chave que está dentro de uma função do objecto em questão");
}
}]
chaveiro.terceira(); // mostra a terceira chave
Quando existe mais do que um objecto na lista, separa-se os objectos por vírgulas.
Com o JavaScript, na associação da utilização das funções do DOM podemos assinalar uma <tag> que pode ter uma .classe ou um #id, para manipular o conteúdo dessa tag, não esquecendo que para definir os valores que queremos recolher, teremos de associar esses valores a uma variavel, para que os dados sejam apresentados.
Exemplo de uma página de HTML
<doctype html>
<html lang="pt">
<head> <title> Macaco Macacoide Macaquinho </title> </head>
<body>
<div class="divPrincipal" id="iniciarPagina"></div>
<script src=index.js"></script>
</body>
</html>
Exmplo de um script de JavaScript para manipular o conteúdo da <tag> assinalada.
// index.js
const conteudo01 = document.getElementById("iniciarPagina");
conteudo01.innerHTML = " A página iniciou e o JavaScript inseriu esta mensagem, como conteúdo da <TAG> que tem o identificador #paginaInicial.\n"
A função document.getElementById("") é uma das várias funções do DOM. Como podemos observar, o objecto que tem essa função é representado pelo comando document que aponta para o conteudo possível que uma página de HTML tem para a alteração dessas variaveis.
O HTML é uma linguagem de estruturação de dados / variaveis.
O CSS é uma linguagem de apresentaçáo de dados / variaveis.
O JavaScript é uma linguagem de manipulação de dados / variaveis.
"talvez o JavaScript seja tão orgânico como a natureza espacial, pois parece-me tão musical, que me sinto tentado a repetir esta partilha"
E agora que temos esta noção, que é factor de interligação dos dados / variaveis, entendemos melhor a natureza que nos rodeia e o JavaScript. Agora podemos comparar aos serviços públicos, que no mundo da internet se chamam APIs. Além de algumas oferecerem listas de objectos, também oferecem ferramentas para comunicarem, usando representações de dados estruturados em listas de objectos, que terão de ser convertidos e filtrados para "strings". Strings: "texto simples - sem o uso de simbolos{["",]} para estrutar os dados".
Nesta noção que ainda não estudamos o protocolo HTTP para fazer chamadas com o NodeJS ou com o JavaScript para trocar dados com as APIs públicas, podemos imaginar uma lista de vários objectos em JavaScript e apresentar os dados numa página de HTML.
Conteúdo para a próxima publicação.
Comentários
Enviar um comentário