Galería de mapas mentales Conceptos básicos de JS Día 1
Este es un mapa mental sobre los conceptos básicos de JS Día 1. JS es un lenguaje de programación que se ejecuta en el cliente para lograr efectos de interacción persona-computadora.
Editado a las 2024-01-18 10:20:27,Este es un mapa mental sobre una breve historia del tiempo. "Una breve historia del tiempo" es una obra de divulgación científica con una influencia de gran alcance. No sólo presenta los conceptos básicos de cosmología y relatividad, sino que también analiza los agujeros negros y la expansión. del universo. temas científicos de vanguardia como la inflación y la teoría de cuerdas.
¿Cuáles son los métodos de fijación de precios para los subcontratos de proyectos bajo el modelo de contratación general EPC? EPC (Ingeniería, Adquisiciones, Construcción) significa que el contratista general es responsable de todo el proceso de diseño, adquisición, construcción e instalación del proyecto, y es responsable de los servicios de operación de prueba.
Los puntos de conocimiento que los ingenieros de Java deben dominar en cada etapa se presentan en detalle y el conocimiento es completo, espero que pueda ser útil para todos.
Este es un mapa mental sobre una breve historia del tiempo. "Una breve historia del tiempo" es una obra de divulgación científica con una influencia de gran alcance. No sólo presenta los conceptos básicos de cosmología y relatividad, sino que también analiza los agujeros negros y la expansión. del universo. temas científicos de vanguardia como la inflación y la teoría de cuerdas.
¿Cuáles son los métodos de fijación de precios para los subcontratos de proyectos bajo el modelo de contratación general EPC? EPC (Ingeniería, Adquisiciones, Construcción) significa que el contratista general es responsable de todo el proceso de diseño, adquisición, construcción e instalación del proyecto, y es responsable de los servicios de operación de prueba.
Los puntos de conocimiento que los ingenieros de Java deben dominar en cada etapa se presentan en detalle y el conocimiento es completo, espero que pueda ser útil para todos.
Conceptos básicos de JS Día 1
Introducción a JS
¿Qué es JS?
Es un lenguaje de programación que se ejecuta en el cliente para lograr efectos de interacción persona-computadora.
La composición de JS.
ECMAScript
Especifica la sintaxis básica y el conocimiento básico de js.
Por ejemplo: variables, declaraciones de rama, declaraciones de bucle, objetos, etc.
API web
DOM: manipular documentos, como mover, cambiar el tamaño, agregar, eliminar, etc., elementos de página
BOM: operar el navegador, como ventanas emergentes de páginas, detectar el ancho de la ventana, almacenar datos en el navegador, etc.
efecto
Efectos especiales de la página web (monitorear algunos de los comportamientos del usuario para permitir que la página web proporcione la retroalimentación correspondiente)
Validación del formulario (juzgar la legalidad de los datos del formulario)
Interacción de datos (obtener datos de fondo y renderizarlos en el front-end)
Programación del lado del servidor (node.js)
Posición de escritura JS
JS en línea
JS interno
Escriba directamente en el archivo html y envuélvalo con etiquetas de script
Especificación: la etiqueta del script está escrita arriba </body>
Extensión: en la página de alerta ("Hola, js") aparece un cuadro de diálogo de advertencia
JS externo
El código está escrito en un archivo que termina en .js.
Sintaxis: introducida en la página HTML mediante etiquetas de script
Cómo escribir JS
Comentario
Comentarios de una sola línea
símbolo://
Función: //La línea de código de la derecha será ignorada
Tecla de acceso directo: Ctrl /
bloquear comentarios
símbolo:/**/
Efecto: Todo lo que esté entre /* y */ será ignorado
Tecla de acceso directo: mayúsculas alt a
terminador
Función: Usar inglés representa el final de la oración;
Situación real: en el desarrollo real, se puede escribir o no, y el navegador puede inferir automáticamente la posición final de la declaración (sin agregarla)
Sintaxis de entrada y salida JS
Sintaxis de salida
document.write('contenido a generar')
Función: enviar contenido al cuerpo
Nota: Si el contenido de salida está escrito en etiquetas, también se analizará en elementos de la página web.
alerta ("contenido de salida")
Función: la página muestra un cuadro de diálogo de advertencia.
console.log("Impresión de consola")
Sintaxis de salida de la consola, utilizada por los programadores para la depuración
sintaxis de entrada
mensaje("Por favor ingrese su nombre:")
Función: muestra un cuadro de diálogo que contiene un mensaje de texto para solicitar al usuario que ingrese texto.
literal
Consulta JS del sitio web autorizado MDN
variable
¿Qué son las variables?
El 'contenedor' utilizado para almacenar datos en una computadora es simplemente una caja.
El papel de las variables.
utilizado para almacenar datos
Uso básico de variables.
declaración de variables
Para usar una variable, primero debe crearla (también conocido como declarar una variable o definir una variable)
Sintaxis: let nombre de variable
La declaración de una variable consta de dos partes: palabra clave de declaración y nombre de variable (identificación)
asignación de variables
Después de definir una variable, puede inicializarla. Siga el nombre de la variable con '=' y luego el valor (Nota: obtenga los datos de la variable a través del nombre de la variable)
También puede completar la operación de asignación directamente al declarar la variable. Esta operación también se denomina inicialización de variable.
actualizar variables
Después de asignar un valor a una variable, también puede actualizarla simplemente dándole un valor diferente (nota: let no permite múltiples declaraciones de una variable)
Caso variable: intercambiar el valor de una variable
Idea central: utilizar una variable temporal para el almacenamiento intermedio
Declarar múltiples variables
Después de asignar un valor a una variable, también puede actualizarla simplemente dándole un valor diferente.
Sintaxis: múltiples variables separadas por comas
Nota: Puede parecer que la longitud del código es más corta, pero no se recomienda. Para una mejor legibilidad, declare solo una variable por línea
La naturaleza de las variables.
Memoria: El lugar donde se almacenan los datos en una computadora, equivalente a un espacio
La esencia de una variable: es un pequeño espacio en la memoria que utiliza el programa para almacenar datos.
Reglas de nomenclatura y especificaciones para variables.
Reglas: deben seguirse, los errores se informarán si no se siguen (nivel legal
No se pueden utilizar palabras clave
Caracteres con significados especiales, algo de vocabulario en inglés integrado en JS
Solo puede estar compuesto por guiones bajos, letras, números y $, y los números no pueden comenzar con él.
Las letras distinguen estrictamente entre mayúsculas y minúsculas. Por ejemplo, Edad y edad son variables diferentes.
especificación
El nombre debe ser significativo.
Cumpla con el método de denominación de casos de camello: la primera letra de la primera palabra está en minúscula y la primera letra de cada palabra posterior está en mayúscula, como por ejemplo: nombre de usuario
Expansión variable: la diferencia entre let y var
declaración var
Puedes usarlo primero y luego declararlo (irrazonable)
Las variables declaradas con var se pueden declarar repetidamente (irrazonable)
Como promoción de variables, variables globales, sin alcance a nivel de bloque, etc.
Expansión variable - matriz
Sintaxis de declaración
let nombre de matriz = [datos1, datos2...datan]
Las matrices se guardan en orden, por lo que cada dato tiene su propio número
Los arrays pueden almacenar cualquier tipo de datos.
Sintaxis de valor
nombre de la matriz [subíndice]
el término
Elemento: cada dato almacenado en la matriz se denomina elemento de la matriz.
Subíndice: el número de datos en la matriz.
Longitud: la cantidad de datos en la matriz, obtenida a través del atributo de longitud de la matriz.
constante
Uso básico de constantes.
Concepto: las variables declaradas mediante const se denominan "constantes"
Escenario de uso: cuando una variable nunca cambiará, puede usar const para declararla en lugar de let
Convención de nomenclatura: coherente con las variables
Uso constante: constante G = 9,8
Nota: No se permite reasignar constantes y deben asignarse (inicializarse) cuando se declaran.
Consejo: utilice const para datos que no necesitan reasignarse
tipo de datos
Los tipos de datos JS generalmente se dividen en dos categorías
Tipos de datos básicos
número tipo numérico
Los números aprendidos en matemáticas, enteros, decimales, números positivos y negativos se denominan colectivamente tipos de números.
Nota: JS es un tipo de datos débil. El tipo al que pertenece una variable solo se puede confirmar después de copiar. Por ejemplo, int a = 3 debe ser un número entero.
operadores matemáticos
incluir contenido
Suma
- Encuentra la diferencia
* Encuentra el producto
/ Buscar negocio
% Encuentra el resto
prioridad de ejecución
La multiplicación, la división y el resto tienen la misma prioridad.
Las prioridades de suma y resta son las mismas
La multiplicación, la división y el resto tienen mayor prioridad que la suma y la resta.
Utilice () para aumentar la prioridad.
Yaya
NaN representa un error de cálculo. Es el resultado de una operación matemática incorrecta o indefinida.
NaN es pegajoso. Cualquier operación en NaN devolverá NaN
tipo de cadena
definición
Los datos entre comillas simples, comillas dobles y comillas invertidas se denominan cadenas. Básicamente, no hay diferencia entre comillas simples y dobles. Se recomienda utilizar comillas simples.
Precauciones
Tanto las comillas simples como las dobles deben usarse en pares.
Las comillas simples y dobles se pueden anidar entre sí, pero no pueden anidarse ellas mismas.
Si es necesario, puede utilizar el carácter de escape \ para generar comillas simples y dobles.
Concatenación de cadenas
Escenario: el operador puede realizar la concatenación de cadenas
cadena de plantilla
escenas a utilizar
Concatenar cadenas y variables
Antes de que estuviera disponible, era problemático unir variables.
gramática
`` (comilla invertida)
Al unir contenido en variables, envuelva las variables con ${}
document.write(`Hola a todos, mi nombre es ${name}, soy ${age} este año`)
booleano tipo booleano
Al expresar afirmación o negación, la computadora corresponde a datos de tipo booleano, que tiene dos valores fijos, verdadero y falso.
tipo indefinido indefinido
Indefinido es un tipo especial con un solo valor indefinido
Si solo declara una variable sin asignar un valor, el valor predeterminado de la variable es indefinido. Generalmente, es raro asignar directamente indefinido a una variable.
Durante el desarrollo, a menudo declaramos una variable y esperamos a que se pasen datos. Si no sabe si se han pasado estos datos, puede verificar si esta variable no está definida y determinar si el usuario ha pasado datos.
tipo vacío nulo
Nulo en JS es solo un valor especial que significa "ninguno", "vacío" o "valor desconocido".
La diferencia entre indefinido
indefinido significa que no hay asignación
nulo significa que se asigna un valor, pero el contenido está vacío
Escenarios de uso de desarrollo
Explicación oficial: trate nulo como un objeto que aún no se ha creado
Lengua vernácula común: en el futuro, habrá un objeto almacenado en una variable, pero el objeto aún no se ha creado. Primero puede darle nulo.
Detectar tipo de datos
tipo de
Como operador: typeof x (método de escritura común)
Forma de función: tipo de (x)
Nota: El resultado es el mismo con o sin paréntesis, así que utilice el operador directamente.
Tipo de datos de referencia
objeto Objeto
conversión de tipo
Por qué es necesaria la conversión de tipos
JS es un tipo de datos: JS no sabe a qué tipo de datos pertenece. Solo quedará claro después de la asignación.
Error: los datos obtenidos mediante formularios y solicitudes son de tipo cadena de forma predeterminada y las operaciones de suma no se pueden realizar directamente en este momento.
En este momento, necesita cambiar el tipo de datos de la variable.
conversión implícita
Cuando se ejecutan ciertos operadores, el sistema convierte automáticamente el tipo de datos internamente. Esta conversión se denomina conversión implícita.
regla
Mientras uno de los dos lados del número sea una cadena, el otro se convertirá en una cadena.
Los operadores aritméticos distintos de -*/ convertirán los datos en tipos numéricos.
defecto
El tipo de conversión no está claro y solo se puede resumir según la experiencia.
Consejos
El signo se puede convertir en un tipo numérico cuando se analiza como un signo positivo.
El resultado de agregar cualquier dato a una cadena es una cadena.
Mostrar conversión
No es riguroso confiar demasiado en la conversión implícita dentro del sistema al escribir un programa, porque las reglas de la conversión implícita no son claras y se basan principalmente en reglas resumidas de la experiencia. Para evitar problemas causados por la conversión implícita, los datos generalmente se convierten explícitamente de acuerdo con las necesidades lógicas.
Concepto: escriba su propio código para indicarle al sistema a qué tipo convertir
Convertir a tipo numérico
Número (datos)
Convertir a tipo numérico
Si no hay dígitos en la cadena, el resultado será NaN cuando la conversión falle, lo que significa que no es un número.
NaN también son datos de tipo numérico, que representan datos no numéricos.
parselnt(datos)
Mantener solo números enteros
analizarFloat(datos)
Se pueden conservar los decimales.