1. Sepa qué es
JavaScript JavaScript es un lenguaje de scripting del lado del cliente dirigido por objetos y eventos. Fue diseñado originalmente para verificar la exactitud de la entrada de formularios HTML y se originó a partir del lenguaje LiveScript de Netscape.
2. Comprender el historial de desarrollo de JavaScript
Capaz de manejar cálculos complejos y
partes interactivas importantes de la web
en un validador de entrada simple para un poderoso lenguaje de programación
Simple y complejo
3. Comprender los componentes de JavaScript
4. Use JavaScript en HTML
Puede usar etiquetas de secuencia de comandos para incrustar secuencias de comandos JavaScript en el encabezado o el cuerpo.
Hablemos de gramática hoy
// Comentario de una línea
/ ** / Comentario de varias líneas
Fin de la declaraciónpunto y comaSi se omite, el analizador determinará el final de la oración.
Es mejor que desarrollemos un buen hábito
Todo en ECMAScript (variables, nombres de funciones y operadores) distingue entre mayúsculas y minúsculas.
1. ¿Qué esIdentificador?
Los nombres de variables, funciones, atributos o parámetros de función.
2. Las reglas de nomenclatura de los identificadores:
(1), compuestas por letras, números, guiones bajos (_) o signos de dólar ($)
(2),No se puede empezar con un número
(3) Las palabras clave, las palabras reservadas, etc. no se pueden utilizar como identificadores.
Las variables de ECMAScript están escritas de forma flexible
: se pueden utilizar para almacenar cualquier tipo de datos.
En otras palabras, cadavariableSolo uno paraMarcador de posición para valor guardadoEso es.
1. La declaración de variable debe usar el operador var,
sintaxis: var nombre de variable
2. Asignación de variable: asignación
al mismo tiempo de declaración: var nombre de variable = valor,
primera declaración y luego asignación: nombre de variable = valor
-declarar múltiples variables a la vez, separadas por comas Abierto, como:
var name_1;
name_1 = "ZhengQian";
var id,
sex,
age = 15,
name = "hurry";
console.log(age); //在控制台中打印
Las variables que omiten la declaración de var son variables globales
Pero es mejor no omitir var para definir variables globales
JavaScript tipo de datos
¿Cómo saber de qué tipo
detipo de
console.log(typeof(name)); //在控制台中打印
El tipo indefinido tiene solo un valor, a saberEspecial indefinido.
Explicación: Es decir, no hay definición.
En términos generales, no es necesario establecer explícitamente una variable en un valor indefinido.
nuloEl valor representa unPuntero de objeto nulo
Si la variable definida se va a utilizar para guardar el objeto en el futuro, es mejor inicializar la cantidad de cambio a nulo en lugar de otros valores.
console.log(undefined==null); //在控制台中打印true
Explicación: El valor indefinido se deriva del valor nulo, por lo que el resultado devuelto es verdadero.
1. Número maestro
NUmber significa número entero y de punto flotante
NaN: Not a Number es un valor especial
NaN también es un número
console.log(typeof(18-"cbd"));//返回number
console.log(isNaN("16"));//返回false
Cualquier operación que involucre NaN (como NaN / 10) devolverá NaN.
NaN no es igual a ningún valor,Incluyendo el propio NaN。
2. Domine la función isNaN ()
: compruebe si es un
valor de retorno "no numérico" :
n booleano puede ser de cualquier tipo.
Para el valor aceptado, esta funciónPrimero intente convertir a un número, Y luego verifique si es un valor no numérico.
3. Domine la conversión numérica
Number ()
parseInt ()
parseFloat ()
Presta atención al caso
Number () se puede utilizar para cualquier tipo de datos.
ParseInt () y parseFloat () se utilizan específicamente para convertir cadenas en números.
Pero estas cadenas deben comenzar con un valor numérico
console.log(Number("323"));//323
console.log(Number("323fsfd"));// NaN
console.log(parseInt("323fsfd"));// 323
console.log(parseInt("were323fsfd"));// NaN
console.log(parseInt("0xf"));// 15
console.log(parseInt("0xf",16));// 15
Cuando no se puede convertir, NaN
parseInt (): ignorará los espacios delante de la cadena hasta que se encuentre el primer
carácter sin espacio.
Explicación:
1. parseInt (): convierte una cadena vacía y devuelve NaN.
2. La función parseInt () proporciona el segundo parámetro: el número base utilizado durante la conversión
(es decir, cuántas bases )
parseFloat : analiza cada carácter desde el primer carácter hasta que se encuentra un
carácter de punto flotante no válido .
Nota:
Excepto por el primer punto decimal, la segunda
diferencia entre parseFloat () y parseInt () es que siempre ignora los ceros iniciales.
console.log(parseInt("12.35px"));// 12
console.log(parseFloat("12.35px"));//12.35
console.log(parseFloat("12.35.43px"));//12.35
console.log(parseFloat("0.1235px"));//0.1235
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 comillas simples (').
Sintaxis: str.toString ()
Función: Convertir str en una cadena
Valor de retorno: una copia de
str Parámetro: str es el contenido a convertir, que puede ser numérico, booleano, objeto y cadena.
Nota: También puede usarlo si no sabe si el valor que se convertirá es nulo o indefinido.Función String (),esoCapacidad para convertir cualquier tipo de valor en una cadena。
var ids=78965;
var idstr=ids.toString();
console.log (typeof idstr);
var isStudent = true; //则此时isStudent为Boolean型
console.log(typeof isStudent);
console.log(isStudent.toString());//则此时转换为'true'字符串
//一定要注意函数方法的大小写toString
Booleano ()
1, excluyendo0Todos los números
excepto "" se convierten a tipo booleano son verdaderos 2, todos los caracteres excepto "" se convierten a tipo booleano son verdaderos
3.nuloconindefinidoConvertir de booleano a falso
La conversión de espacios a booleanos es verdadera
Entonces, ¿cuál es el significado de estos tipos de variables circulando?
En términos generales, se dice que allana el camino para este último, pero no ¿por qué?
De hecho, la conversión de tipos se puede juzgar por declaraciones como if () {}, etc.
operador aritmético js
1. Entender qué es una expresión
Las expresiones significativas que están conectadas con el mismo tipo de datos (como constantes, variables, funciones, etc.) de acuerdo con ciertas reglas con símbolos aritméticos se llaman expresiones.
2. Domina la clasificación de operadores javascript.
- Marca de operación aritmética
- Operador lógico
- Operador de argumentos
- Operador de comparación
- Operador ternario
3. Maestros operadores aritméticos
+: sumar
-: restar
*: multiplicar
/: dividir
%: tomar el resto
1. Incremento
+ + ay a ++ son operaciones para aumentar a.
Diferencia:
++ a primero devuelve el valor de
a después del incremento a ++ primero devuelve el valor original de a, y luego devuelve el valor después del incremento
2. Lo mismo es cierto para el decremento
var num1 = 10,
num2 = "5";
console.log(num1 - num2); //number NaN 隐式类型转换
var num1=10,
num2=5,
num3=num1++-num2;//++num1 num1=num1+1
console.log(num1) ;// 11 //11
console.log(num3) ;// 16 //5
Operador de asignación:
= += -= *= /= %=
Nota: Se concatenará cualquier cadena + cualquier valor, donde el signo "+" es la concatenación
>、<、>=、<=、==、===、!=、!==
==∶相等，只比较值是否相等
===:相等，比较值的同时比较数据类型是否相等
!=∶不相等，比较值是否不相等
!==∶不相等，比较值的同时比较数据类型是否不相等
返回值:boolean型
var x=10,
y="10",
m=15，
//z=x==y;//值是否相等
z=x===y;//全等
n=x!==y;
console.log(n);
Operador ternario
Sintaxis:
condición? Código de ejecución 1: Código de ejecución 2
Descripción:
Puede reemplazar la instrucción if simple,
si la condición está establecida, ejecutar el código 1, en caso contrario ejecutar el código 2.
Operador lógico
&& ||! Y o no
var num1=10,
num2=20,
num3=30,
str="welcome" ,
bool=true,
n=null,
m ;
console.log(numl<num2 && num2<num3);//true
console.log(num1<num2 && num2==num3);//条件都为true才返回true
console.log(numl<num2 && num2);//20
console.log(0 && num2);//0
console.log("" && num2);//""
&& (Siempre que no se establezca una condición, devuelva falso)
Descripción: EnUno de los operandos no es booleanoEn el caso de, la operación lógica AND no necesariamente devuelve un valor, en este momento sigue las siguientes reglas:
1. Si la conversión de tipo implícita del primer operando es verdadera, se devuelve el segundo operando.
2. Si la conversión de tipo implícita del primer operando es falsa, se devuelve el primer operando.
Ⅱ OR (devuelve verdadero siempre que se establezca una condición)
Descripción: En el caso de que un operando no sea un valor booleano, la operación lógica OR no necesariamente devuelve un valor. En este momento, sigue las siguientes reglas:
1. Si el primer operando está oculto Una vez que la conversión de tipo es verdadera, se devuelve el primer operando.
2. Si la conversión de tipo implícita del primer operando es falsa, se devuelve el segundo operando.
3. Si los dos operandos son nulos, devuelve nulo
4. Si los dos operandos son NaN, devuelve NaN
5. Si los dos operandos no están definidos, devuelve undefined.
! No
Descripción:
1. No importa qué tipo de datos sea el operando, la negación lógica devolverá un valor booleano.
2. !! Cuando se utilizan dos operadores de negación lógica al mismo tiempo: la
primera operación de negación lógica devolverá un booleano basado en cualquier operando Valor La
segunda negación lógica niega el valor booleano
console.log(!!"");//false
console.log(!!"blue");//true
SIGUIENTE:
¡Declaración de rama de JavaScript!