Pular para o conteúdo principal

JS - Estrutura léxica

Conjunto de regras da linguagem que nos direciona para a forma correta de se programar na mesma, desde a nomeação de variáveis, funções, tipos de caractere permitidos, criação de comentários, como separar instruções, etc.

Case sensitive

No Javascript ocorre a diferenciação de letras minusculas e maiúsculas, ou seja, uma variável declarada como "pessoa" é diferente de uma variável declarada como "Pessoa":

var pessoa = 'Adamastor';
var Pessoa = 'Hermenegildo';

Comentários

Para documentar nosso código, deixando a interpretação do mesmo mais simples para futuras consultas podemos incluir comentários, podemos criar comentário de linha usando "//" e o de bloco "/* */", lembrando que comentários são ignorados pelo interpretados do Javascript:

// Rotina supimpa

/* Rotina
muito
supimpa
*/

Literais

Valores que aparecem diretamente no programa, que por não estarem relacionados a uma variável nunca mudam, (exemplo 1, 1.1, true, null, {a:1}, [1,2], 'teste')

1;
true;
{x: 123};

Identificadores

Nomes para identificar variáveis e funções, podem iniciar com letras de a a z, de A a Z, com "_" ou "$, dígitos de 0 a 9 e podem conter qualquer caractere unicode (de idiomas diferentes por exemplo, mas o ideal é evitar isso)

var minhaVariavel = '123';
function soma() {};

Palavras reservadas

Que não podem ser usadas, já em uso pela própria linguagem, ver uma lista completa no site da Mozilla.



Comentários

Mais visitadas

Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker

Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker Neste guia, vamos criar uma aplicação básica que acessa um banco de dados PostgreSQL e realiza operações CRUD (Create, Read, Update, Delete). Vamos usar Flask e executar tudo com Docker. Sem estilos ou extras, apenas o essencial. Estrutura do Projeto crud-app/ |-- app/ | |-- app.py | |-- templates/ | | |-- index.html | | |-- edit.html |-- Dockerfile |-- requirements.txt |-- docker-compose.yml Passo 1: Dependências Crie um arquivo requirements.txt com as seguintes linhas: Flask==2.2.2 Flask-SQLAlchemy==3.0.2 psycopg2-binary==2.9.3 Werkzeug==2.2.2 Passo 2: Aplicação Flask Arquivo app/app.py : from flask import Flask, render_template, request, redirect, url_for from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) # Configuração do banco de dados app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql://user:password@db:5432/crud_db' app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False db...

Listar arquivos existentes em diretório (Delphi)

Mostraremos uma maneira simples e prática para listar o conteúdo de um diretório com a opção de incluir nessa listagem os arquivos de seus subdiretórios. No exemplo abaixo temos um Edit para receber o diretório a ser pesquisado um CheckBox para indicar se os subdiretórios entrarão na pesquisa um botão para efetuar a pesquisa e um Memo para listar os arquivos encontrados, no final um Edit que receberá o cálculo final (em bytes) da soma do tamanho dos arquivos. procedure TForm1.Button1Click(Sender: TObject); begin   tamanhoTotal := 0;   memLista.Lines.Clear;   ListarArquivos(edtDiretorio.Text, chkSub.Checked);   Edit1.Text := IntToStr( tamanhoTotal ); end; procedure TForm1.ListarArquivos(Diretorio: string; Sub:Boolean); var   F: TSearchRec;   Ret: Integer;   TempNome: string; begin   Ret := FindFirst(Diretorio+'\*.*', faAnyFile, F);   try     while Ret = 0 do ...

Alterar cores do PageControl (Delphi)

O padrão Windows todo cinza não é muito atraente, por isso quando nos utilizarmos do PageControl podemos alterar suas cores e fontes da seguinte maneira: Em primeiro lugar devemos alterar a propriedade OwnerDraw para TRUE ; Depois implementar seu método DrawTab da seguinte maneira: //pinta a fonte Control.Canvas.Font.Color:=clBlack; // // pinta a paleta / aba Control.Canvas.brush.Color:=clSkyBlue; PageControl1.Canvas.Rectangle(Rect); Control.Canvas.TextOut(Rect.left+5,Rect.top+3,PageControl1.Pages[tabindex].Caption); // pinta a parte interna (tabsheet) PageControl1.Pages[TabIndex].brush.Color := Control.Canvas.brush.Color; PageControl1.Pages[TabIndex].Repaint; Caso a intenção seja manter cada aba com seu próprio estilo basta adicionar um CASE filtrando o índice das abas: case TabIndex of   0: Control.Canvas.Font.Color:=clBlack;   1: Control.Canvas.Font.Color:=clWindow; ...