03 Conceptos básicos de JavaScript

1. Gramática

1. Sensible a mayúsculas y minúsculas

Todo en ECMAScript, incluidas las variables, los nombres de funciones y los operadores, distingue entre mayúsculas y minúsculas

2. Identificador

El llamado identificador se refiere al nombre de una variable, nombre de función, atributo o parámetro de función.

Reglas de nomenclatura de identificadores:

El primer carácter debe ser una letra, un guión bajo (_) o un signo de dólar ($)
Otros caracteres pueden ser letras, guiones bajos, signos de dólar o números.
No se pueden utilizar palabras clave, palabras reservadas, verdadero, falso y nulo como identificadores.

3. Anotación

ECMAScript utiliza comentarios de estilo C, incluidos comentarios de una sola línea y comentarios a nivel de bloque

Comentario de una sola línea //
Comentario de varias líneas (comentario a nivel de bloque) / * El contenido comentado * /

4. Cantidad directa (literal)

Todas las cantidades directas (cantidades literales) son los valores de los datos que se muestran directamente en el programa.

100 // literal digital 
'desarrollo front- end' // literal de cadena 
falso // literal booleano 
/ js / gi // literal de expresión regular 
nulo // literal de objeto

2. Palabras clave y palabras reservadas

1. Palabras clave

ECMAScript-262 describe un conjunto de palabras clave con un propósito específico, generalmente utilizado para controlar el comienzo o el final de una oración, o para realizar operaciones específicas, etc.

Palabras clave de ECMAScript

break 、 else 、 new 、 var 、 case 、 finalmente 、 return 、 void 、 catch 、 for 、 switch 、 while 、 continue 、
function 、 this 、 with 、 default 、 if 、 throw 、 delete 、 in 、 try 、 do 、 instanceof 、 typeof 等

2. Palabras reservadas

ECMAScript-262 describe otro conjunto de palabras reservadas que no se pueden utilizar como identificadores. Aunque las palabras reservadas no tienen un propósito específico en JavaScript, es probable que se utilicen como palabras clave en el futuro.

Palabras reservadas de ECMAScript

resumen 、 enumeración 、 int 、 corto 、 booleano 、 exportar 、 interfaz 、 estático 、 byte 、 extiende 、 largo 、
super 、 char 、 final 、 nativo 、 sincronizado 、 clase 、 flotante 、 paquete 、 arroja 、 const 、 goto 、
privado 、 transitorio 、 depurador 、 implementa 、 protegido 、 volátil 、 doble 、 importación 、 público 等

Tres, variables

Las variables de ECMAScript están escritas de forma flexible, el llamado tipo suelto se utiliza para almacenar cualquier tipo de datos

Al definir una variable, use el operador var (var es la clave), seguido de un nombre de variable (el nombre de variable es un identificador)

<script type = "text / javascript"> 
var company; 
alert (company); // alter aparece un cuadro emergente en el navegador 
</script>

La denominada variable es la cantidad que se puede cambiar nuevamente después de la inicialización. ECMAScript es un lenguaje de tipo débil (escrito libremente), que puede cambiar la cantidad de tipos diferentes al mismo tiempo

<script type = "text / javascript"> 
var company = 'IT education'; 
var company = 'desarrollo de aplicaciones para el usuario'; 
alert (company); 
</script>

Nota: Aunque es posible cambiar la cantidad de diferentes tipos, trae dificultades para un mantenimiento posterior, y el rendimiento no es alto, lo que genera altos costos.

Cuatro, tipo de datos

1. Introducción a los tipos de datos:

Hay cinco tipos de datos simples en ECMAScript, un tipo de datos complejo

ECMAScript no admite ningún mecanismo para crear tipos personalizados. Todos los valores en JavaScript deben ser uno de los siguientes seis tipos:

indefinido
nulo
booleano
número
cuerda
objeto (tipo complejo)

2.tipo de operador

El operador typeof se usa para detectar el tipo de datos de una variable. El uso del operador typeof para un valor o variable devolverá la siguiente cadena:

indefinido indefinido
booleano # valor booleano
cadena #cadena
número # número
objeto #objeto o nulo
función # función

El operador typeof puede manipular variables y literales, typeof es un operador en lugar de una función incorporada

Nota: La función es un objeto en ECMAScript, no un tipo de datos

Por lo tanto, es necesario utilizar typeof para distinguir función y objeto

3.tipo indefinido

El tipo indefinido tiene un solo valor, el indefinido especial

Cuando se usa var para declarar una variable pero no se inicializa, el valor de esta variable no está definido

4.tipo nulo

El tipo nulo es un tipo de datos con un solo valor, es decir, el valor especial nulo, que representa una referencia de objeto nulo (puntero), y el operador typeof detecta nulo y devuelve el objeto.

Nota: undefined se deriva de null

5.tipo booleano

El tipo booleano tiene dos valores: verdadero y falso, y verdadero no es necesariamente igual a 1 y falso no es necesariamente igual a 0

JavaScript distingue entre mayúsculas y minúsculas, verdadero y falso u otros valores que no son de tipo booleano

Aunque solo hay dos tipos de booleanos, verdadero y falso, los valores de todos los tipos en ECMAScript son valores convertidos de manera equivalente de verdadero o falso.

Para convertir un valor a su valor booleano correspondiente, puede usar la función de transformación boolean () <también conocida como coerción>

Conversión implícita booleana

El juicio condicional en el enunciado condicional if es la conversión implícita de la aldea

Reglas para convertir otros tipos en tipos booleanos

tipo de datos	Convertir a valor VERDADERO	Convertir a valor FALSO
booleano	cierto	falso
cuerda	Cualquier cadena no vacía	Cuerda vacía
número	Cualquier valor numérico distinto de cero (incluido el infinito)	0 suma NaN
objeto	Cualquier objeto	nulo
indefinido		indefinido

6.tipo de número

El tipo de número contiene dos tipos de valores: tipo entero y tipo de punto flotante

Nota: ECMAScript convertirá automáticamente los valores de punto flotante que se pueden convertir a enteros en enteros

Yaya

NaN no es un número (No es un número) es un valor especial, este valor se usa para indicar que un operando que originalmente devolvió un valor no devuelve un valor (esto arrojará un error)

ECMAScript proporciona la función isNaN () para determinar si el valor es NaN

Después de que la función isNaN () reciba un valor, intentará convertir el valor en un número

7.tipo de cuerda

El tipo de cadena se utiliza para representar una secuencia de caracteres compuesta por cero o más caracteres Unicode de 16 bits, es decir, una cadena

Las cadenas se pueden representar mediante comillas dobles o simples, las comillas no pueden aparecer en pares

Las cadenas de ECMAScript son inmutables. Una vez que se crean, sus valores no se pueden cambiar.

Para cambiar la cadena almacenada en una variable, primero destruya la cadena original y luego complete la variable con otra cadena que contenga el nuevo valor

8.Tipo de objeto

Los objetos en ECMAScript son en realidad una colección de datos y funciones

Los objetos se pueden crear ejecutando el nuevo operador seguido del nombre del tipo de objeto que se creará

var obj = nuevo objeto ();

Los parámetros se pueden pasar en Object (), que pueden ser valores, cadenas, valores booleanos, etc., y también se pueden realizar cálculos relacionados

Cinco, operador

ECMAScript describe un conjunto de operadores utilizados para manipular valores de datos, que incluyen:

Operador unario
Operador aritmético
Operador relacional
Operadores logicos
Operador ternario
.....

Los operadores en ECMAScript son aplicables a muchos valores, incluidas cadenas, números, booleanos, objetos, etc.

1. Operador unario

Los operadores que solo pueden operar en un valor se denominan operadores unarios.

Incremento ++ y decremento——

2. Operadores aritméticos

ECMAScript define cinco operadores aritméticos:

Suma, resta, multiplicación, división, módulo (tomar resto) <+, -, *, /,%>

3. Operadores relacionales

Los operadores utilizados para la comparación se denominan operadores relacionales:

Menor que (<), mayor que (>), menor o igual que (<=), mayor o igual que (> =), igual a (==),

No igual (! =), Congruente (identidad) (===), inconsistencia (no identidad) (==)

Cuando el operador relacional opera con valores no numéricos, se deben seguir las siguientes reglas:

Ambos operandos son valores numéricos, luego comparación numérica
Ambos operandos son cadenas, luego compare los valores de codificación de caracteres correspondientes a las dos cadenas
Uno de los dos operandos es un valor, luego el otro se convierte en un valor y luego el valor se compara
Si uno de los dos operandos es un objeto, primero llame al método valueof () o al método tostring (), y luego compare los resultados

4. Operadores lógicos

Los operadores lógicos se usan generalmente para operaciones booleanas y generalmente se comparan con operadores relacionales

Hay tres operadores lógicos:

Y (Y lógico) <&&>
OR (OR lógico) <||>
NO (lógico no) <!>

5. Operador ternario

El operador ternario es en realidad una forma corta de instrucción if

<script type = "text / javascript"> 
var box = 5> 4? 'right': 'wrong'; // right, 5> 4 devuelve verdadero para asignar 'right' al cuadro y viceversa. 
</script>

¿Expresión 1> Expresión 2? Resultado 1: Resultado 2

Si expresión 1> expresión 2, devuelve el resultado 1
Si expresión 1 <expresión 2, devuelve el resultado 2 s