Um: Três posições de escrita js
1. O rótulo é o seguinte: Por exemplo
<button οnclick="alert('registro bem-sucedido')">registro</button>
clique significa que clicar é apenas um prefixo
onclick significa o que fazer quando você clica no botão o botão
é chamado de fonte do evento, o clique é chamado de alerta do evento é chamado de
alerta do ouvinte significa abrir uma caixa de aviso
2. O interior do html é o seguinte: Por exemplo
<script>console.log("Este é um arquivo js")</script>
Método de escrita interna, geralmente coloca a tag script no final do html
e coloca diretamente o código js na tag script
ou você pode colocar o script tag em outros lugares
console.log("Este é um arquivo") significa gerar um log no console.
O console também é a ferramenta do desenvolvedor. O painel F12 Console é o console
3. A parte externa do html é a seguinte: Por exemplo
<script src="index.js"></script>
Vincule diretamente o arquivo js ao html com src para executar,
ele não pode ser executado sozinho.
Popularize uma coisinha: Notas em js:
1) // é um comentário de linha única
2 )/* */Este é um comentário de várias linhas.
Em projetos de desenvolvimento reais, você deve ter bons hábitos de comentários.
Dois: reconhecer variáveis
1. Como definir variáveis em JS?
As variáveis são definidas por diversas palavras-chave, var, let, const.
As instruções em JS podem ou não ter ponto e vírgula.
2. Variáveis globais e variáveis locais, como declarar variáveis?
As variáveis declaradas dentro de uma função são chamadas de variáveis locais, e as variáveis declaradas fora da função são chamadas de variáveis globais.
Por exemplo: var name = "zhangwanying";
defina uma variável, o nome da variável é name e o valor da variável é "zhangwanying"
Defina múltiplas variáveis ao mesmo tempo:
Use var para definir uma variável por vez e use três vars para definir três variáveis, como segue:
var name = "cute";
var age = 222;
var address = "beijing"; produz três variáveis ao mesmo tempo, name, idade, endereço é chamado de nome da variável, a operação no nome da variável é a operação no valor da variável
console.log(nome, idade, endereço)
------------------ ------ ------------------ Use uma var para definir múltiplas variáveis ------------------- ---- --------------------
var x = 100, y = 200, z = 300;
console.log(x, y, z)
// equivalente para a definição abaixo
// var x = 100;
// var y = 200;
// var z = 300;
3. Declarar variáveis
var idade; //indefinido
Indica que foi declarado e não atribuído
var name="cute"//cute
Indica uma declaração de variável e é atribuída
a diferença entre uma definição e uma declaração:
1) Uma definição significa que uma variável é declarada usando var e recebe um valor.
2) Uma declaração significa apenas que uma variável é definida, mas nenhum valor é atribuído
. Na verdade, também é possível declarar uma variável sem usar var: mas não recomendamos isso.
4. Três maneiras de declarar variáveis
1) Use var para declarar variáveis (pode ser atribuído duas vezes e o valor anterior será substituído)
2) Use let para declarar variáveis (pode ser atribuído duas vezes e substituirá o valor anterior)
3) Use const para declarar variáveis (não pode ser atribuído duas vezes: não pode ser modificado, ou seja, é como uma chamada constante)
Três tipos de dados
1. Por que você precisa de tipos de dados?
Basicamente todas as linguagens de programação fornecem o conceito de tipos de dados. Como os recursos do computador (memória) são limitados, mas existem diferentes tipos de dados, para utilizar o espaço de memória de forma mais razoável, é necessário classificar os dados e alocar diferentes tamanhos de espaço para diferentes dados. Os tipos de dados que aprendemos aqui são: número string booleano nulo indefinido.
2. Qual é o tipo de dados em JS?
Tipos de dados básicos: (armazenados na pilha) podem ser divididos aproximadamente nos seguintes tipos:
número numérico string tipo de caractere booleano booleano indefinido indefinido nulo vazio
Tipos de dados de referência: (nomes e endereços de variáveis são armazenados na pilha e o espaço aberto na memória está na pilha) divididos aproximadamente nos seguintes tipos e outros;
objeto objeto arr array função função
pequeno conhecimento: como verificar o tipo de dados de um dado?
typeof Verifique se o tipo de dados dos dados básicos está OK
, mas lembre-se de que typeof é apenas um operador, não uma função
3. Vamos falar sobre esses tipos de dados separadamente.
número (numérico)
Cenários de aplicação de número: preço da mercadoria, idade, etc. Aqui está um exemplo:
var idade = 100;
console.log (tipo de idade)
//O 100 aqui é o valor da variável. Use typeof para ver se é um tipo numérico
Aqui está um pequeno ponto de conhecimento:
number Nota:
// 1, independente de inteiro ou decimal, todos são do tipo number
// 2 , têm um valor máximo e um valor mínimo, o valor máximo pode ser obtido através de Number.MAX_VALUE, e o valor mínimo pode ser obtido através de MIN_VALUE
// 3, inteiros têm múltiplas representações Decimal, hexadecimal, octal
// 4, números de ponto flutuante tem múltiplas representações
// 5, em JS, não é confiável calcular números de ponto flutuante. O princípio é explicado mais adiante. Pergunta da entrevista: Por que 0,1+0,2 não é igual a 0,3 em JS?
Resposta: Este é um bug que apareceu durante o design do js, se não puder ser resolvido, apenas evite-o.
// 6, Not a Number (NaN) não é um número
// 7, o tipo de dados numérico corresponde a inúmeros dados
string (tipo de caractere)
Basta colocá-los entre aspas, para não listá-los.
Haha, por exemplo
var nome = "Zhang San";
console.log(nome);//Zhang San
console.log(typeof name);//string
preste atenção aos detalhes:
// 1, a string precisa ser colocada entre aspas simples ou duplas "" '' só pode usar aspas em inglês, não em chinês
// 2, aspas para par, você não pode usar aspas simples de um lado e aspas duplas do outro lado
// 3, se precisar aninhar outra string em uma string, você só pode usar aspas simples ou aspas duplas aninhadas, ou usar aspas duplas Aspas simples aninhadas
// 4, strings de modelo são fornecidas no ES6 para facilitar a emenda de strings `2345${a}6789`
// 5, caracteres de escape podem ser usados em strings //
6, em strings Você pode usar + para emendar, isso não representa a operação de adição em matemática, ou seja, em ambos os lados de +, desde que um lado seja uma string, significa a concatenação de strings // 7, os dados
correspondentes ao tipo de dados string também são incontáveis .
O tipo de dados booleano
verdadeiro significa verdadeiro e
falso significa falso.
Observe os detalhes:
1. Existem apenas dois valores correspondentes ao tipo de dados booleano, um é verdadeiro, o outro é falso e diferencia maiúsculas de minúsculas
2. Alguns os dados serão convertidos em tipo de dados booleanos por padrão
3. Os dados a seguir serão convertidos em falsos por padrão, portanto você deve se lembrar disso.
Todos os outros dados são convertidos em verdadeiro
// indefinido nulo 0 -0 NaN ""
Na instrução if-else:
se a condição for verdadeira, significa executar o conteúdo em {} após ()
Se for falso, execute o conteúdo after else O conteúdo em {}
deve ser verdadeiro ou falso em () after
if if(false){ console.log("lalala") // lalala }else{ console.log("hehehe") // hehehe }
indefinido e nulo
tipo de dados indefinido?
indefinido é um tipo de dados, e indefinido também é o valor correspondente a este tipo de dados.
O primeiro cenário:
// let name;//declarou que não há atribuição e o resultado é indefinido
// console.log imprime o valor da variável correspondente para esta variável name
// console.log(name) // indefinido é um valor
// console.log(typeof name) // indefinido é um tipo de dados
// se nenhum valor for atribuído a name, então o valor de name é indefinido
O segundo cenário:
a função não está clara Valor de retorno:
// function f(){ // console.log(110) // Se a função não retornar nada, por padrão, a função retorna undefiend // return "hello " // } // O valor de retorno da função é retornado para a chamada da função // console.log(f()) // tipo de dados vazio indefinido: null vazio let a = null; console.log(a) // null console.log(typeof a) //objeto
Nulo significa um valor, e seu tipo de dados é objeto: mais tarde, tocaremos lentamente no objeto e
prestaremos atenção aos detalhes:
1. Existe apenas um valor correspondente a este tipo de dados de indefinido, que ainda é indefinido
2. É declarado em uma variável, mas nenhum valor é atribuído. O valor desta variável é indefinido e o tipo do valor também é indefinido
3 e indefinido também pode aparecer em alguns outros lugares. Por exemplo, uma função não tem valor de retorno e ele retorna indefinido
4 por padrão. Em JS, significa vazio, exceto indefinido, e nulo, use typeof imprime que o tipo de dados nulo é objeto
tipo de dados de referência
Os tipos de dados de referência representam objetos em JS, objeto. Os tipos de dados de referência incluem:
objetos reais, arrays e
funções. Os arrays só podem armazenar um dado em uma variável. Vários dados podem ser armazenados em um array.
Os arrays são tipos de dados de referência, que são armazenados no heap. 0x123
let arr = [ "a","b", "c"]
// Uma variável é definida, o nome da variável é arr, o valor da variável é um array e três strings são armazenadas no array, que são "a", "b" , e "c". Este array é um contêiner que pode armazenar vários dados
console.log(arr); // ["a", "b", "c"]
console.log(typeof arr); // objeto
conversão de tipo
Quer se trate de conversão obrigatória ou implícita, eles não alterarão o tipo de dados da variável original.
Em js, se for um operador binário, existe uma regra: é garantir que os tipos de dados dos operandos de ambos os lados sejam um para um. Para o a+s1 acima, os tipos de dados em ambos os lados não são consistentes e esta regra é violada neste momento. Se esta regra ainda for seguida, ela envolve o problema de conversão de tipo em js:
Para a+s1, precisamos garantir que os tipos de dados dos operandos em ambos os lados sejam um para 1. Existem duas maneiras: uma é converter a em uma string e a outra é converter s1 em um valor.
Em relação à conversão de tipo, existem duas formas: conversão obrigatória e conversão implícita
Geralmente apenas para conversão de tipo de dados
Conversão obrigatória (a primeira letra deve ser maiúscula):
Use funções Boolean(), Number(), String() ou Object
As funções parseInt() e parseFloat() são mais flexíveis ao converter valores
Conversão implícita (geralmente não encontrada)
Deixe a variável participar da operação e você poderá obter a conversão implícita:
(1) Se um operando do operador + for uma string, ele converterá o outro operando em uma string
(2)! O operador converte seu operando em booleano e o nega, então você pode usar o ! ! converter
(3) Para valores numéricos, se o resultado da conversão não tiver sentido, NaN será retornado
(4) == operador de igualdade, também realiza uma conversão de tipo
Os objetos integrados do js serão compreendidos posteriormente:
Existe um objeto JS integrado em JS, que também é um tipo de dados de referência, como Math, como Date()...
Math é um objeto, existem muitos métodos neste objeto, random é um método para criar números aleatórios
let r = Math.random() // Math não tem new, então é chamado de um único objeto integrado sem new
console.log(r)
Math Data é um objeto, e o objeto também é um dado de referência tipo, armazenado no heap
console.log(typeof Math) // objeto
deixe d = new Date() // quinta-feira, 28 de novembro de 2019 15:00:21 GMT + 0800 (horário padrão da China)
console.log (d)
console.log (typeof d) // o objeto d é novo
// Preste atenção aos detalhes:
// 1. Um array é um tipo de dados de referência, armazenado na área de heap, e o endereço dos dados do array é salvo na área de pilha
// 2, a função também é um dado de referência tipo, armazenado na área de heap e salvo na área de pilha O endereço dos dados da função e, em seguida, forneça um alias ao endereço da área de pilha, que é o nome da função // 3, o único
integrado objeto em JS é um objeto que não precisa de novidades, como Math, Math.random() para obter um número aleatório
// 4, existem muitos, muitos outros objetos em JS, como Date....
O conceito de # operador
Classificados de acordo com a função:
* Operadores Aritméticos: + - * / % ++ --
* Operadores Relacionais: == === != !== > < >= <=
* Operadores Lógicos: && Lógico E || Lógico Ou! Lógico NOT (Negativo)
* Operador de bit: por enquanto não
* Operador de atribuição: = += -= *= /= %=
* Outros operadores
* Operador de vírgula * Operador
de subscrito * Operador
ternário
* operador typeof
* operador delete
* operador in
* operador de concatenação de string
* .. *
*
Classificados de acordo com o número de operandos:
* Os dados ou símbolos em ambos os lados do operador são chamados de operandos. Se um operador tiver dois operandos, então esse operador é chamado de operador binário, também chamado de operador binário, também chamado de operador binário.
* Se um operador tiver apenas um operando, ele é chamado de operador unário ou operador unário.
* Se um operador tiver três operandos, ele é chamado de operador ternário, também chamado de operador ternário.
* unário: !deixe f = falso;deixe k = !f;
* Binário: + - * / % = < > >= <= == === != !== ...
* Ternário: ? : operando 1 ? Operando 2: Operando 3
* Prioridade do operador:
* () tem alta prioridade
* Associatividade do operador:
* Associatividade à esquerda: a + b + c - d
* Associatividade à direita: var k = 111;
operador aritmético
: entenda a++ e ++a;
teste:
// deixe a = 1;
// a++;
// a++;
// a++;
// console.log(a); // 4
// teste:
// var a = 10;
// var b = a--;
// console.log(a); // 9
// console.log(b); // 10
// Detalhes da nota:
// 1, para ++, ou - Para o operador -, se ++ vier primeiro, o valor do todo é um valor novo, depois de ++, o valor do todo é um valor antigo, e o mesmo vale para --.
// 2, especialmente ++ é muito usado no desenvolvimento real, especialmente em loops
operador de atribuição?
* = += -= *= /= %=
// = torna o operador de atribuição associativo à direita
// deixe name = "wangcai";
// ------------- O operador de atribuição tem efeitos colaterais: o todo também tem um valor
// primeiro atribua 110 a cc, o valor é 110
// c = 110, o todo também é uma operação de atribuição de valor O valor do efeito colateral do todo é um lvalue
// O valor do todo é o valor de c O valor de c é 110
// 110 é atribuído a b b = 110 O todo também tem um valor, o valor de b é 110
// Finalmente coloque 110 é atribuído a a
// var a = b = c = 110;
// var m = 110;
// // Deixe m adicionar 10
// m = m+10; // Retire os dados em m, é 110, depois +10, obtenha 120 e finalmente atribua 120 a m
/ /console.log(m)
// Operações como as acima também são muito usadas em computadores, e os computadores também encapsulam algumas operações, como += -= *= <div className=""></div>
var m = 110;
// m = m +10;
// m += 10; // m = m + 10; // m -= 10 ; // m *= 2; // m = m * 2;
// m = m - 10; // Preste atenção aos detalhes: // 1. O operador de atribuição tem efeitos colaterais, e o todo também tem um valor, que é um lvalue
operador relacional
== === != !== > < >= <=
Compare o relacionamento entre dois operandos Operando 1 > Operando 2
Usado em expressões condicionais: Geralmente, o resultado retornado é verdadeiro ou falso.
Operadores lógicos
&& || ！
E lógico: um falso é falso, o mesmo verdadeiro é verdadeiro
Lógico ou: um verdadeiro é verdadeiro, o mesmo falso é falso
NÃO lógico: negar
Quatro expressões:
O que é uma expressão?
Qualquer coisa que tenha um valor é uma expressão: uma expressão produz um valor e pode ser colocada em qualquer lugar em que um valor seja esperado, por exemplo, o 3 em a=3 é uma expressão e a=3 também é uma expressão. Isso pode ser entendido como um efeito colateral de =.
Se um valor for atribuído a uma variável ou propriedade, o valor da expressão que usa essa variável ou propriedade será alterado.
i = k = j = 1; eu mesmo entendo.
Expressões comuns são: expressões formadas por operadores de expressão primitiva, expressões de inicialização de objetos e arrays, expressões de definição de função, expressões de chamada, expressões de criação de objetos
Qualquer coisa que possa ser colocada no lado direito de um símbolo de atribuição é uma expressão
Expressão primitiva: é a menor unidade de expressão e não contém outras expressões
Expressões compostas por operadores: expressões aritméticas, expressões relacionais, expressões lógicas, expressões de atribuição
Expressões de inicialização de objetos e arrays: por exemplo var arr=[1,2,3]; var o={"name":"js","age":"21"};
Expressão de definição de função: função f1(){//esta é uma definição de função} var f = function(){expressão de função}
Expressão de Chamada: Como uma função é chamada, ela retorna um valor, portanto é uma expressão.
Expressões de criação de objetos: ex.: var d = new date();