Conocimientos básicos de JavaScript que se deben aprender todos los días

Conceptos básicos　

JavaScript es un lenguaje interpretado, el navegador actúa como intérprete. Al ejecutarse, JS realiza la interpretación primero y luego la ejecución en el mismo ámbito. Durante la interpretación, se compilan las variables definidas por las palabras clave function y var, y después de la compilación se ejecuta de arriba a abajo y se asignan valores a las variables.　

Distinción entre mayúsculas y minúsculas　

En ECMASCript, todo (incluidas las variables, los nombres de las funciones y los operadores) distingue entre mayúsculas y minúsculas.　

1. Variable　

Las variables se establecen en la memoria en el primer uso, lo que facilita su referencia en el script posterior. Antes de usar las variables, primero debe realizarse la declaración. Se puede utilizar la palabra clave var para realizar la declaración de variables.

var count, amount, level; // Múltiples declaraciones declaradas con una única palabra clave var.　

El nombre de las variables　

El nombre de las variables incluye variables globales, variables locales, variables de clase, parámetros de función, etc., todos ellos pertenecen a esta categoría.　

El nombre de las variables debe comenzar con un prefijo de tipo+Constituido por palabras significativas, aumenta la legibilidad de las variables y funciones mediante la notación de camelCase. Por ejemplo: sUserName, nCount.
Normas de prefijo:
Cada variable local necesita un prefijo de tipo, que se puede dividir según el tipo:
s: representa la cadena. Por ejemplo: sName, sHtml;
n: representa el número. Por ejemplo: nPage, nTotal;
b: representa la lógica. Por ejemplo: bChecked, bHasLogin;
a: representa el array. Por ejemplo: aList, aGroup;
r: representa la expresión regular. Por ejemplo: rDomain, rEmail;
f: representa la función. Por ejemplo: fGetHtml, fInit;
o: representa otros objetos no mencionados anteriormente, por ejemplo: oButton, oDate;
g: representa la variable global, por ejemplo: gUserName, gLoginTime;

JScript es un lenguaje que distingue entre mayúsculas y minúsculas. Al crear nombres de variables válidos, debe seguir las siguientes reglas:　

Tenga en cuenta que el primer carácter no puede ser un número.　

Puede seguirse con cualquier letra o número y guión bajo, pero no puede ser un espacio en blanco. El nombre de la variable no puede ser una palabra reservada.

JavaScript es un lenguaje de tipo débil, JavaScript ignora los espacios en blanco adicionales. Puede agregar espacios en blanco al script para mejorar su legibilidad.　

var es una palabra reservada de JavaScript, lo que indica que viene una declaración de variable, el nombre de la variable es un identificador personalizado del usuario, y las variables se separan por comas.　

Si declara una variable pero no le asigna un valor, la variable existe y su valor es el valor Jscript undefined.

Conversión de tipo　

En Jscript, se pueden realizar operaciones con diferentes tipos de valores, sin preocuparse por que el intérprete de JScript genere excepciones. Por el contrario, el intérprete de JScript cambia automáticamente uno de los tipos de datos (conversión forzada) al otro tipo de datos y luego realiza la operación. Por ejemplo:

　Operación: Resultado

Suma de números y cadenas: convierte el número a una cadena.
Suma de valores booleanos y cadenas: convierte el valor booleano a una cadena.
Suma de números y valores booleanos: convierte el valor booleano a un número.

Para convertir explícitamente una cadena a un entero, use el método parseInt. Para convertir explícitamente una cadena a un número, use el método parseFloat.　

La vida útil de las variables de JavaScript: cuando declara una variable dentro de una función, solo puede acceder a esa variable dentro de la función. Después de salir de la función, esta variable se revoca. Este tipo de variable se llama variable local. Puede usar variables locales con el mismo nombre en diferentes funciones, porque solo la función que declaró la variable puede identificar cada variable.　

Si declara una variable fuera de una función, todos los funciones en la página pueden acceder a esa variable. La vida útil de estas variables comienza después de su declaración y termina cuando se cierra la página.　

Diagrama de flujo de pensamiento de variables de JavaScript

　

2.js tipos de datos　

Jscript tiene tres->Tipos de datos principales, dos->Tipos de datos compuestos y dos->Tipos de datos especiales.　

Tipos de datos principales (básicos)
Cadena
Numérico
Booleano

Tipos de datos compuestos (referencia)
　Objeto
Matriz

Tipos de datos especiales
Null

``Undefined``

Tipo de datos de cadena: el tipo de datos de cadena se utiliza para representar texto en JScript. Aunque en js las comillas dobles (" ") y las comillas simples (') pueden representar cadenas y prácticamente no hay diferencia entre ellas, se considera que usar solo comillas dobles (" ") para representar cadenas es lo mejor.　

Un valor de cadena es una secuencia de ceros o más caracteres Unicode (letras, números y símbolos) colocados juntos.　

¿Qué es Unicode?　

Unicode proporciona un valor único para cada carácter, sin importar la plataforma, el programa o el idioma. El desarrollo de Unicode fue para proporcionar un código unificado para manejar todos los caracteres existentes en el mundo.　

Tipo de datos numérico　

Es necesario entender que JScript representa internamente todos los números como valores de punto flotante, por lo que en Jscript no hay diferencia entre enteros y valores de punto flotante.　

Tipo de datos Booleano　

Booleano (lógico) solo puede tener dos valores: true o false.　

Matrices y objetos de JavaScript　

Detalles en este artículo mío->Resumen de aprendizaje de JavaScript - Parte de matrices y objetos　

Tipo de datos null: se puede eliminar el contenido de una variable asignándole el valor null.　

En Jscript, el operador typeof informa que el valor null es de tipo Object, no de 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 se utiliza para representar un objeto inexistente, a menudo se utiliza para representar que una función intenta devolver un objeto inexistente.　

Tipo de datos no definido:　

En el siguiente caso se devolverá el valor undefined: }}
La propiedad del objeto no existe,
Se declaró la variable pero nunca se asignó.

La diferencia entre null y undefined

alert(typeof undefined); //Salida "undefined" 
alert(typeof null); //Salida "object" 
alert(null == undefined); //Salida "true" 

ECMAScript considera que undefined se deriva de null, por lo que los definen como iguales.

alert(null === undefined); //Salida "false" 
alert(typeof null == typeof undefined); //Salida "false" 

El tipo de null y undefined es diferente, por lo que se muestra "false". Mientras que === representa el igual absolutamente, aquí null === undefined devuelve "false"　

Además, aquí se introduce un tipo de datos importante: los tipos de datos de referencia　

Los tipos de datos de referencia　

Los tipos de datos de referencia en JavaScript se almacenan en objetos en la memoria de pila, JavaScript no permite el acceso directo a las ubicaciones en el espacio de memoria de la pila y la operación del espacio de memoria de la pila, solo se puede operar a través de la dirección de referencia del objeto en la memoria de pila. Por lo tanto, los datos de tipo de referencia se almacenan realmente en la dirección de referencia del objeto en la memoria de pila. A través de esta dirección de referencia se puede encontrar rápidamente el objeto almacenado en la memoria de pila.　

Vamos a demostrar este proceso de asignación de tipo de datos de referencia

　

Naturalmente, agregar obj2Agregar la propiedad name, es en realidad agregar la propiedad name al objeto en la memoria de pila, obj2Y obj1Lo que se almacena en la memoria de pila es la dirección de referencia del objeto en la memoria de pila, aunque también se ha hecho una copia, pero el objeto apuntado es el mismo. Por lo tanto, cambiar obj2Hizo que obj1El cambio.　

Los valores de tipo básico son aquellos segmentos de datos simples almacenados en la memoria de pila, es decir, este valor se almacena completamente en una ubicación en la memoria.
　Mientras tanto, los valores de tipo de referencia son aquellos objetos almacenados en la memoria de pila, es decir, lo que realmente se almacena en la variable es un puntero, que apunta a otra ubicación en la memoria donde se almacena el objeto.　

En resumen, la memoria de pila almacena valores de referencia, mientras que la memoria de pila almacena valores de tipo fijo.

　

En ECMAScript, las variables pueden existir en dos tipos de valores, a saber, valores originales y valores de referencia.　

El valor original se almacena en un segmento de datos simple en la pila (stack), es decir, sus valores se almacenan directamente en la posición de acceso de la variable. Los valores de referencia se almacenan en objetos en la pila (heap), es decir, el valor almacenado en la variable es un puntero (point), que apunta a la ubicación de memoria donde se almacena el objeto.

 <script type="text"/javascript">
var box = new Object(); //Crear un tipo de referencia
var box = "lee";  //Los valores de tipo básico son cadenas
box.age = 23;  //Añadir propiedades a valores de tipo básico es muy extraño, porque solo los objetos pueden agregar propiedades.
alert(box.age); //No es un tipo de referencia, no se puede exportar;
</script> 

3Operadores de .JScript　

Prioridad: se refiere al orden de cálculo de los operadores, lo que se dice coloquialmente es qué parte se calcula primero.
Combinación: el orden de cálculo de los operadores del mismo nivel, lo que se dice coloquialmente es desde qué dirección se calcula, desde la izquierda a la derecha o desde la derecha a la izquierda.　

Conversión de tipo de datos y tipos de paquete básico　

String() se convierte en tipo cadena
Number() se convierte en tipo número
Boolean() se convierte en tipo booleano　

parseInt: convierte una cadena a un entero. Se analiza desde el principio de la cadena, se detiene en la primera posición no entera y devuelve todos los enteros leídos anteriormente. Si la cadena no comienza con un entero, se devuelve NaN. Por ejemplo: parseInt("150 hi") devuelve el valor:150, parseInt("hi") devuelve el valor: NaN.
　parseFloat: convierte una cadena a un número de punto flotante. Se analiza desde el principio de la cadena, se detiene en la primera posición no entera y devuelve todos los enteros leídos anteriormente. Si la cadena no comienza con un entero, se devuelve NaN. Por ejemplo: parseFloat("15.5 hi") devuelve el valor:15.5, parseFloat("hi 15.5) devuelve el valor: NaN.

　eval:Calcula la cadena como una expresión de JavaScript y devuelve el resultado de la ejecución, si no hay resultado, devuelve undefined.
Tipos de paquete básico　

Cada vez que se lee un valor de tipo básico, se crea un objeto del tipo de paquete básico correspondiente en el fondo, lo que permite invocar algunos métodos para operar estos datos. Los tipos de paquete básico incluyen Boolean, Number y String

 var box = 'trigkit',4; //LITERAL
box.name = 'mike';  //Atributos no válidos
box.age = function () { //Métodos no válidos
  devolver 22;
;
//Forma de escritura del operador new
var box = new String('trigkit',4);//Operador new
box.name = 'mike';  //Atributos válidos
box.age = function () { //Métodos válidos
  devolver 22;
; 

El tipo String contiene tres atributos y una gran cantidad de métodos integrados disponibles
　Atributo Descripción
longitud : devuelve la longitud de la cadena de caracteres
Constructor: Función que devuelve la función para crear objetos String
prototype: Añade propiedades y métodos a la definición de cadena

4.js control de flujo　

Para las instrucciones de control de flujo de js, aquí solo se explican algunas que son difíciles de entender. Otros no se detallan. Pronto adjunto una imagen del diagrama de flujo.　

1.for...in statement se aplica a cada una de las propiedades del objeto o a cada uno de los elementos del array, ejecutando uno o más statements.
　for (variable in [object | array])
statements

Parámetros：　
variable：obligatorio. Una variable, que puede ser cualquier propiedad del objeto o cualquier elemento del array.
　object, array：opcional. El objeto o array en el que se debe recorrer.
　statement：opcional. Un o más statements que se ejecutan para cada propiedad del objeto o cada elemento del array. Puede ser un statement compuesto.　

Aunque las instrucciones de control de condiciones (como if) solo se requieren usar bloques de código (que comienzan con el corchete izquierdo “{” y finalizan con el corchete derecho “}”) cuando se ejecutan múltiples instrucciones, es una buena práctica usarlos siempre.

 if(args)
  alert(args);//Fácil de cometer errores
if(args){
  alert(args);//Recomienda usar
}

　5.js función　

Las funciones son bloques de código reutilizables que se pueden ejecutar por eventos o cuando se llaman.　

Jscript admite dos tipos de funciones: una es la función interna del lenguaje, y la otra es la función que crea oneself.
Las funciones de JavaScript permiten no tener parámetros (pero los paréntesis de parámetros no pueden omitirse) y también pueden pasar parámetros a la función para que la función los utilice.　

Para obtener más información sobre funciones, consulte mi otro artículo: Resumen de aprendizaje de JavaScript (cuatro) parte de function función　

Composición del objeto
Método - Función: Proceso, Dinámico
Atributo - Variable: Estado, Estático

Finalmente, adjunto una imagen de la diagrama de flujo resumido por el前辈：

Esto es todo el contenido de este artículo, espero que sea útil para su aprendizaje y que apoyen mucho a la tutorial de grito.