Conhecimentos básicos diários de JavaScript que você deve aprender

Conceitos básicos　

JavaScript é uma linguagem interpretada, o navegador atua como interpretador. Quando o js é executado, é interpretado antes de ser executado no mesmo escopo. Durante a interpretação, são compilados os termos function e var definidos, e após a compilação, são executados de cima para baixo e atribuídos aos valores das variáveis.　

Diferenciação de maiúsculas e minúsculas　

Tudo em ECMASCript (incluindo variáveis, nomes de função e operadores) distingue maiúsculas e minúsculas.　

1. Variável　

As variáveis são configuradas na memória na primeira vez que são usadas, facilitando a referência posterior no script. Declare as variáveis antes de usá-las. Você pode usar a palavra-chave var para declarar variáveis.

var count, amount, level; // Múltiplas declarações declaradas com a palavra-chave var única.　

Nomeação de variáveis　

O nome de variável inclui variáveis globais, variáveis locais, variáveis de classe, parâmetros de função etc., todos eles pertencem a essa categoria.　

O nomeação de variáveis é prefixada pelo tipo+Compostos de palavras significativas, usam o estilo de nomeação em caixa alta para aumentar a legibilidade de variáveis e funções. Por exemplo: sUserName, nCount.
Normas de prefixo:
Cada variável local precisa ter um prefixo de tipo, que pode ser classificado conforme o tipo:
s: representa strings. Por exemplo: sName, sHtml;
n: representa números. Por exemplo: nPage, nTotal;
b: representa lógicas. Por exemplo: bChecked, bHasLogin;
a: representa arrays. Por exemplo: aList, aGroup;
r: representa expressões regulares. Por exemplo: rDomain, rEmail;
f: representa funções. Por exemplo: fGetHtml, fInit;
o: representa outros objetos não mencionados acima, por exemplo: oButton, oDate;
g: representa variáveis globais, por exemplo: gUserName, gLoginTime;

O JScript é uma linguagem que diferencia maiúsculas e minúsculas. As regras para criar nomes de variáveis válidos são as seguintes:　

Atenção: o primeiro caractere não pode ser um número.　

Pode seguir qualquer letra ou número e sublinhado, mas não pode ser espaço. O nome da variável não pode ser uma palavra reservada.

O JavaScript é uma linguagem de tipo fraco, o JavaScript ignora espaços em branco excessivos. Você pode adicionar espaços em branco ao script para melhorar sua legibilidade.　

var é uma palavra reservada do JavaScript, que indica que está sendo feita uma declaração de variável, o nome da variável é um identificador personalizado do usuário, e as variáveis são separadas por vírgulas.　

Se você declarar uma variável mas não a atribuir um valor, a variável existe, mas seu valor é o valor Jscript undefined.

Conversão de tipo forçada　

No Jscript, você pode executar operações em diferentes tipos de valores, sem se preocupar com exceções geradas pelo interpretador JScript. Em vez disso, o interpretador JScript automaticamente altera um dos tipos de dados (conversão forçada) para outro tipo de dados e então executa a operação. Por exemplo:

　Operação Resultado

Adição de números e strings Conversão forçada do número para string.
Adição de valores booleanos e strings Conversão forçada do valor booleano para string.
Adição de números e valores booleanos Conversão forçada do valor booleano para número.

Para converter explicitamente uma string para um inteiro, use o método parseInt. Para converter explicitamente uma string para um número, use o método parseFloat.　

A vida útil das variáveis JavaScript: quando você declara uma variável dentro de uma função, você só pode acessar essa variável dentro dessa função. Quando você sai da função, essa variável é anulada. Esse tipo de variável é chamado de variável local. Você pode usar o mesmo nome de variável local em diferentes funções, pois apenas a função que declarou a variável pode identificar cada uma das variáveis dentro dela.　

Se declarar uma variável fora de uma função, todos os funções na página podem acessar essa variável. A vida útil dessas variáveis começa a partir do momento em que são declaradas e termina quando a página é fechada.　

Mapa mental de variáveis js

　

2.js tipos de dados　

O Jscript tem três->Tipos de dados principais, dois->Tipos de dados compostos e dois->Tipos de dados especiais.　

Tipos de dados principais (primitivos)
String
Numérico
Booleano

Tipos de dados compostos (referência)
　Objeto
Array

Tipos de dados especiais
Null

`Undefined`

Tipo de dados de string: o tipo de dados de string é usado para representar o texto no JScript. Embora os delimitadores de aspas duplas (""") e aspas simples ('') possam ser usados para representar strings e eles não tenham muita diferença, é considerado o melhor usar apenas aspas duplas ("") para representar strings.　

Um valor de string é uma sequência de zero ou mais caracteres Unicode (letras, números e símbolos) adjacentes.　

O que é Unicode?　

Unicode fornece um valor único para cada caractere, independentemente da plataforma, do programa ou do idioma. O desenvolvimento do Unicode foi feito para fornecer uma codificação unificada para o processamento de todos os caracteres existentes no mundo.　

Tipo de dados numérico　

Precisamos entender que o JScript internamente representa todos os números como valores de ponto flutuante, portanto, no Jscript, não há diferença entre números inteiros e valores de ponto flutuante.　

Tipo de dados Booleano　

Booleano (lógico) pode ter apenas dois valores: true ou false.　

Arrays e objetos em JavaScript　

Detalhes podem ser encontrados neste artigo->Resumo de estudo sobre JavaScript - parte de arrays e objetos　

Tipo de dados null: pode-se limpar o conteúdo de uma variável atribuindo-lhe null.　

No Jscript, o operador typeof informa que null é do tipo Object, não do tipo null.

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <title></title>
 <script type="text"/javascript"> 
   alert(typeof null);
 </script>
</head>
<body>
</body>
</html> 

null é usado para representar um objeto ainda não existente, geralmente usado para representar que uma função tentou retornar um objeto inexistente.　

Tipo de dados indefinido:　

A seguinte situação retornará o valor undefined:
A propriedade do objeto não existe
Declarou a variável mas nunca atribuiu valor.

A diferença entre null e undefined

alert(typeof undefined); //saída "undefined" 
alert(typeof null); //saída "object" 
alert(null == undefined); //saída "true" 

O ECMAScript considera undefined como derivado de null, então eles são definidos como iguais.

alert(null === undefined); //saída "false" 
alert(typeof null == typeof undefined); //saída "false" 

Os tipos de null e undefined são diferentes, então a saída é "false". Enquanto isso, === representa igualdade absoluta, aqui null === undefined retorna false　

Além disso, aqui é introduzido um tipo de dados importante - tipos de dados de referência　

Os tipos de dados de referência　

Os tipos de dados de referência do JavaScript são armazenados em objetos na pilha de memória, o JavaScript não permite o acesso direto ao espaço de memória da pilha de memória e a operação no espaço de memória da pilha de memória, apenas através da operação de endereço de referência do objeto na pilha de memória. Portanto, os dados de tipo de referência, na pilha de memória, são armazenados realmente o endereço de referência do objeto na pilha de memória. Através deste endereço de referência, é possível encontrar rapidamente o objeto armazenado na pilha de memória.　

Vamos demonstrar agora o processo de atribuição de tipo de dados de referência

　

Naturalmente, ao adicionar obj2ao adicionar a propriedade name, é realmente adicionar a propriedade name ao objeto na pilha de memória, obj2e obj1Apenas a referência para o objeto na pilha de memória é salva, apesar de ser uma cópia, mas o objeto apontado é o mesmo. Portanto, a mudança obj2causou obj1a mudança.　

Os valores de tipo básico são aqueles armazenados em segmentos de dados simples na pilha, ou seja, esses valores são completamente armazenados em uma única posição na memória.
　Os valores de tipo de referência são aqueles armazenados em memória de pilha de objetos, ou seja, o que é armazenado na variável é apenas um ponteiro, que aponta para outro local na memória onde o objeto é armazenado.　

Em resumo, a memória da pilha armazena valores de referência, enquanto a memória da pilha armazena valores de tipo fixo.

　

No ECMAScript, as variáveis podem ter dois tipos de valores, ou seja, valores primitivos e valores de referência.　

O valor original é armazenado em um segmento de dados na pilha (stack), o que significa que seus valores são armazenados diretamente na posição de acesso da variável. Os valores de referência são armazenados em objetos na pilha (heap), o que significa que o valor armazenado no local da variável é um ponteiro (point), que aponta para o local de memória onde o objeto é armazenado.

 <script type="text"/javascript">
var box = new Object(); //Cria um tipo de referência
var box = "lee";  //Valores de tipo básico são strings
box.age = 23;  //Adicionar atributos a valores de tipo básico é estranho, porque apenas os objetos podem adicionar atributos.
alert(box.age); //Não é do tipo de referência, não pode ser impresso;
</script> 

3Operadores do .JScript　

Prioridade: reflete a ordem de cálculo dos operadores, de forma simples, é qual parte calcular primeiro.
Comutatividade: a ordem de cálculo dos operadores de mesmo nível, de forma simples, é de qual direção calcular, da esquerda para a direita ou da direita para a esquerda.　

Conversão de tipo de dados e tipos de embalagem básicos　

String() converte para tipo string
Number() converte para tipo número
Boolean() converte para tipo booleano　

parseInt: converte uma string para um inteiro. Começa a analisar a string no início, pára na primeira posição não inteira e retorna todos os inteiros lidos anteriormente. Se a string não começar com um inteiro, retorna NaN. Ex: parseInt（"150 hi”) retorna o valor:150, parseInt(“hi”) retorna o valor: NaN.
　parseFloat: converte uma string para um número de ponto flutuante. Começa a analisar a string no início, pára na primeira posição não inteira e retorna todos os inteiros lidos anteriormente. Se a string não começar com um inteiro, retorna NaN. Ex: parseFloat("15.5 hi") retorna o valor:15.5, parseFloat("hi 15.5") retorna o valor: NaN.

　eval:Calcula a string como uma expressão JavaScript e retorna o resultado da execução, se não houver resultado, retorna undefined.
Tipos de embalagem básicos　

Cada vez que lê um valor de tipo básico, o background cria um objeto do tipo de embalagem básico correspondente, permitindo que se chamem alguns métodos para operar esses dados. Os tipos de embalagem básicos incluem Boolean, Number e String

 var box = 'trigkit',4'; //Literal
box.name = 'mike';  //Atributos inválidos
box.age = function () { //Métodos inválidos
  return 22;
;
//Forma de escrita do operador new
var box = new String('trigkit',4);//Operador new
box.name = 'mike';  //Atributos válidos
box.age = function () { //Métodos válidos
  return 22;
; 

O tipo String contém três atributos e muitos métodos built-in disponíveis
　Atributo Descrição
length: retorna o comprimento da string
Constructor: Função que retorna o objeto String criado
prototype: Extende a definição de string adicionando atributos e métodos

4.js controle de fluxo　

Para as instruções de controle de fluxo do js, aqui estão algumas que são mais difíceis de entender. Outros não serão discutidos. Vou anexar um diagrama de pensamento em seguida.　

1A instrução .for...in corresponde a cada propriedade de um objeto ou a cada elemento de um array e executa uma ou mais instruções.
　for (variable in [object | array])
instruções

Parâmetros:　
variable：Obrigatório. Uma variável, que pode ser qualquer propriedade do objeto ou qualquer elemento do array.
　object, array：Opcional. O objeto ou array sobre o qual deve ser feita a iteração.
　statement：Opcional. Uma ou mais instruções que devem ser executadas para cada propriedade do objeto ou cada elemento do array. Pode ser uma instrução composta.　

Embora a instrução de controle de condição (como a instrução if) exija que seja usada uma instrução de bloco (começando com o colchete esquerdo { e terminando com o colchete direito }) apenas quando executar várias instruções, a prática recomendada é sempre usar um bloco de código.

 if(args)
  alert(args);//Fácil de errar
if(args){
  alert(args);//Recomendado para usar
}

　5.js função　

As funções são blocos de código reutilizáveis que são acionadas por eventos ou executadas quando chamadas.　

Jscript suporta dois tipos de funções: um é a função interna da linguagem, e o outro é a função criada por si mesmo.
As funções JavaScript permitem que não haja parâmetros (mas os parênteses de parâmetros não podem ser omitidos) e também podem passar parâmetros para o uso da função.　

Mais sobre funções, por favor, consulte meu outro artigo: Resumo de aprendizado de JavaScript (quarto) - parte da função function　

Composição do Objeto
Método - Função: Processo, Dinâmica
Atributo - Variável: Estado, Estática

Por fim, aqui está um diagrama de pensamento resumido pelo predecessor:

Isso é tudo que há no artigo, espero que ajude na aprendizagem de todos e que todos apoiem o tutorial Yellowscream.