Gramática ES6 (1) Resumen de conocimientos

Uno, bloquear el alcance

En ES6, hay un dicho sobre el alcance del bloque, como este

{
	...代码...
}

Después de escribir el código en '{}', el ciclo de vida del código será válido dentro del alcance de '{}', y tiene la función de alcance de bloque para las variables definidas por las palabras clave let y const. Una vez fuera de este rango, no encontrará variables definidas por let o const. Como var es una variable de alcance de función, var no está restringido por el alcance de bloque.

Informe de error

Código>

var a=1;
{
let b=2;
console.log(a);//第一次打印a
console.log(b);//第一次打印b
}
console.log(a);//第二次打印a
console.log(b);//第二次打印b

Resultado de la operación>

Se puede ver que el alcance de b está entre {} corchetes, no hay error en {} en la primera impresión, el resultado de salida es el mismo que el valor inicial y el error se informa en la segunda impresión.
Pero en las dos impresiones, la variable definida por var no tiene error, y ambas generan su valor inicial normalmente.
Este es el alcance del bloque. El alcance de las variables definidas por let y const solo se puede realizar en {}, que está limitado por el bloque.

Segundo, dejar y const

1, dejar

Let y var son muy similares, su función común es definir variables, tales como:

var a=1;
let a=1;

Lo mismo es asignar un valor de 1 a la variable a

Use la palabra clave let para prestar atención a dos puntos:
1. La declaración de variable no se puede promover (una vez que se define una variable, debe definirse antes de su uso, y la definición de la variable después del uso informará un error, pero la palabra clave var puede hacerlo)
2. La variable no puede declararse repetidamente

2, const

const se usa para definir constantes. Las
constantes definidas no se pueden cambiar, por ejemplo:

const a=1;
a=2;

El resultado de la ejecución es el siguiente:

después de que se define a, es un valor fijo y una constante. Si cambia, recibirá un error.

Use la palabra clave const para prestar atención a dos puntos
1. Cuando se define un valor de inicialización
2. El valor de inicialización no se puede cambiar (el enlace no se puede cambiar)

Tercero, la cadena de plantilla

El uso de cadenas de plantillas y los
saltos de línea dentro del símbolo se pueden informar libremente sin errores
como:

let kokk='';
kokk=`
<li>${2333}
</li>
`

Los resultados son los siguientes:

En el código de arriba ${} Significa la concatenación de cadenas,$ equivalente a + {} que representa el contenido a ser escrito.

Cuatro, función de flecha

La función de flecha se realiza con () => {}, que es la función señalada por la flecha, lo que simplifica enormemente la escritura de esta forma de función () {} (menos unas pocas letras, la pereza puede ser)

const aa=()=>{
console.log(233);
}
aa();

El resultado de ejecución es el que se muestra en la figura: el

resultado de la impresión es 233, que es consistente con el código de la función.

Tenga en cuenta el uso de las funciones de flecha:
1, el problema señalado por esto (no esto, con la ayuda del padre esto)
2, no puede usar argumentos
3, no puede usarse como constructor

Vamos!