Tabla de contenido

variable

Sintaxis básica de JavaScript

Primer contacto con JavaScript

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <script src=""></script>
    </head>
    <body>
        <script>
            // 这里是输出
            alert('我叫闫海静!');
            console.log('大家都这样说！!');
            document.write('我比李赔钱要好看');
        </script>
    </body>
</html>

<script>El código JavaScript se coloca dentro.
Comentario
```
// 单行注释符 ctrl + /
/* 块状注释符，多行注释符 */ alt + shift + a
```
efecto:
1. Escriba la descripción del programa.
2. Algunos códigos no se utilizan temporalmente, por favor coméntelos primero.
3. Depura el código.
Gadgets que generan contenido:
- alert(), Muestra el contenido en forma de cuadro emergente.
- console.log(), Para imprimir el contenido en forma de registro de consola.
  
  A menudo miramos la consola en el proceso de aprendizaje posterior.
- document.write()Para mostrar el contenido de la página.
Cada declaración en ES termina con un punto y coma. El punto y coma se puede omitir, si se omite, el analizador determinará el final de la declaración.

Pero la sugerencia siempre se agrega.
Respecto a los espacios en blanco en el programa (espacios, nuevas líneas, líneas en blanco)

Estos espacios en blanco se ignoran. Hay espacios en blanco para aumentar la legibilidad del programa.

__Nota: __Todo en JavaScript distingue entre mayúsculas y minúsculas (variables, funciones).

Mensaje de cierre de VS-CODE:

// //关闭自动提示
// "editor.quickSuggestions": false,
// "editor.suggestOnTriggerCharacters": false,
// "editor.parameterHints": false,
// "editor.wordBasedSuggestions": false,
// "editor.snippetSuggestions": "none",
// "files.autoSave": "off",
// "editor.autoClosingBrackets": "never",
// "editor.autoClosingOvertype": "never",
// "editor.autoClosingQuotes": "never",
// "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
// "html.autoClosingTags": false,
// "liveServer.settings.donotShowInfoMsg": true,

Otras formas de usar JavaScript

Escritura en línea
- La limitación es muy grande, solo se puede agregar para el evento y se usa menos.
- La separación del código es la peor y la legibilidad no es fuerte.
Código JavaScript incrustado en la página.
- Escriba la etiqueta del script al final de la etiqueta del cuerpo y luego escriba el código js.
- Es más utilizado en proyectos prácticos y de enseñanza.
Tipo de conexión interna:

Si coloca el código de secuencia de comandos en la cabecera, el navegador ejecutará primero el código JavaScript y luego ejecutará el código en el cuerpo.

Si coloca el código de secuencia de comandos en la parte inferior del cuerpo, el navegador ejecutará primero el contenido del cuerpo y luego ejecutará el contenido de JavaScript.
Contiene código javascript externo

<script>Incluya archivos javascript externos a través de etiquetas.

El atributo src es obligatorio y su valor apunta a la ubicación del archivo js.

Siempre que se importe el archivo que genera el código javascript, no hay problema.

variable

Que es una variable

Las variables que se pueden cambiar se denominan variables. ¿Qué es un contenedor que se usa para almacenar datos?

Las variables son como una taza (recipiente) y el agua es como nuestros datos: cuando obtienes la taza, obtienes el agua.

El papel de las variables (¿por qué tienen variables?)

Realiza cálculos.

1Byte (byte, la unidad de almacenamiento más pequeña) = 8bit (8 0 o 1)
1 KB = 1024 bytes
1 MB = 1024 KB
1 GB = 1024 MB
1 TB = 1024 GB
1 PB = 1024 TB
1EB = 1024 PB

Byte y bit deben distinguir entre mayúsculas y minúsculas.

Definición de variables

Defina variables y luego asigne valores.

 var a;
a = 10;
a = 20;
console.log(a);

1. 先在内存中定义一个容器（a）
2. 将10放进了这个容器中。
3. 将10从这个容器中删除，然后将20放入到这个容器中。
4. 拿到a这个容器就相当于拿到了里面的值（20），拿到之后打印出来。

Asignar valores directamente al definir variables.

var b = 10;
b = 20;
console.log(b); // 返回： 20

Los dos métodos anteriores son equivalentes.

Caso especial

c = 200;
console.log(c);

Nadie usa este método. Puede pensar temporalmente que se trata de una variable definida, pero estrictamente hablando no lo es.

Definir múltiples a la vez

El primer caso

var d= 1 , e = 2;
console.log(d);
console.log(e);

Segundo caso

var d = e = 30;
console.log(e);
console.log(d);

Primero declare un contenedor e (variable sin var) y coloque 30 en este contenedor.
Declare una variable d (con var), y luego igual ae; equivalente a var d = e;
Obtenga el valor 30 en e y coloque este valor en d.

Defina múltiples variables, el primer caso se usa comúnmente.

Reglas de definición de variables

Hay algunas reglas para nombrar variables.

Definición de nombre de variable:

Está compuesto por números, letras, guiones bajos y signos $.
No se puede empezar con un número.
No puede tener el mismo nombre que las palabras clave y las palabras reservadas.

Palabra clave: es el idioma que se ha utilizado.

Palabras reservadas: es posible utilizar el idioma en el futuro.
Palabras clave y palabras reservadas

关键字
break do instanceof typeof
case else new var
catch finally return void
continue for switch while
debugger* function this with
default if throw
delete in try

保留字
abstract enum int short
boolean export interface static
byte extends long super
char final native synchronized
class float package throws
const goto private transient
debugger implements protected volatile
double import public

No es necesario memorizar ni evitar las palabras clave y las palabras reservadas de forma natural. Además, las palabras clave y las palabras reservadas están sujetas a cambios en la especificación.

Las convenciones son cosas hechas por convenciones.

Al nombrarlo, debe pensarlo y darle significado. No use pinyin y chino a la ligera.

Generalmente usamos var a; var b cuando esta variable no tiene semántica. Si escribimos un gran fragmento de código donde las variables tienen cierta semántica, necesitamos definir los nombres de las variables como si tuvieran semántica.

Método de denominación convencional (recomendado):

Nomenclatura de joroba grande: escriba con var BackgroundColormayúscula la primera letra de cada palabra. (No se usa mucho)
Nomenclatura de joroba pequeña: var backgroundColorla primera letra de la primera palabra es minúscula y la primera letra de cada palabra restante es mayúscula.
Guión bajo: var background_colorutilícelo _para separar cada palabra .

Caso: Hay dos variables, una se almacena en 100 y la otra en 200, intercambie los valores (utilice dos métodos).

Método 1: declarar una variable de terceros.

var a = 100;
var b = 200;
var c;

c = a;
a = b;
b = c;
console.log(a);
console.log(b);

Método dos: usa la suma y la resta

var a = 100;
var b = 200;

a = a + b;//300
b = a - b;//100
a = a - b;//200

console.log(a);
console.log(b);

Si la consola se muestra en rojo cuando se está ejecutando, significa que el programa está interrumpido y el siguiente código ya no se ejecutará.

Si usa palabras clave como nombres de variables, la consola informará un error.

Tipo de variable (contenido en contenedor)

La variable es una taza y hay muchas cosas en la taza. Agua, bebidas, salsa de soja.

tipo de datos

Tipos de datos básicos, tipos de objetos (complejos, de referencia).
Clase de datos básicos

Número

Cuerda

Booleano

indefinido

nulo
Tipo de objeto (descrito más adelante)
Tipo de número
- Entero

var int = 10;
console.log(Number.MIN_VALUE);//最小值 5e-324
console.log(Number.MAX_VALUE);//最大值 1.7976931348623157e+308
console.log(int);

Si hay más de los valores máximos y mínimos, será cambiado automáticamente Infinity, -Infinity.

Numérico en esu interior , es representativo de la notación científica.

Decimal
- Los números de coma flotante deben contener un punto decimal, debe haber un dígito después del punto decimal y no es necesario un dígito antes.
  var flo = .23Equivalente a var flo = 0.23.
- Los números de coma flotante son inexactos al calcular. Esto es cierto para todos los lenguajes informáticos.

ar flo1 = 0.1;
var flo2 = 0.2;
console.log(flo1 + flo2); //返回：0.30000000000000004

Solución: agrandar el decimal a un número entero (multiplicar), realizar operaciones aritméticas y luego reducirlo a un decimal (dividir).

O utilice directamente la biblioteca matemática designada para operar en el futuro.

var flo1 = 0.1;
var flo2 = 0.2;
console.log((flo1*10 + flo2*10)/10); // 0.3

El almacenamiento de punto flotante ocupa más memoria que el almacenamiento de números enteros, por lo que el motor convertirá los valores de punto flotante en números enteros en determinados momentos.

var flo = 10.0;
console.log(flo)// 返回：10
//这里的flo输出时，不要加引号，不然会当做字符串处理。

Otros valores que no se utilizan habitualmente
- Binario, comenzando con 0b. 0, 1
- Octal, comenzando con 0o. 0 ~ 7
- Hexadecimal, 0x comienza con 0-9a-f

Ahora hay un número que es 10 en decimal y quiero convertirlo a binario.

Tipo de cadena Las
cadenas, las cadenas pueden estar entre comillas dobles o comillas simples No hay diferencia entre estos dos métodos en ES.

var str = '李沛华';
str = '123';//也是字符串。
str = '';//空串
str = '     ';//空白串
str = 'I\'m fine';
console.log(str);

Si hay comillas anidadas, úselas alternativamente. Las comillas dobles se utilizan en el exterior y las comillas simples en el interior. Utilice comillas simples en el exterior y comillas dobles en el interior. También puede utilizar caracteres de escape.

\n，换行
\t，制表符
\r，回车
\\，斜杠
\'，单引号
\"，双引号

El carácter de escape se puede interpretar en la cadena.

Puntos de conocimiento básico de JavaScript / JS