[Parte IV | Conceptos básicos de JavaScript] 1: descripción general de JS, variables y entrada y salida

Tabla de contenido

| Resumen

| Posición de escritura JS

| entrada salida

| variables

Convenciones de nombres

uso básico

Asigne información a las variables ingresando el mensaje de declaración

| tipo de datos

Tipo de datos JS especial

Introducción a los tipos de datos simples

Número de tipo de datos simple

tipo de datos simple Cadena

Tipos de datos simples Booleano, Indefinido, Nulo

obtener tipo

conversión de tipos


| Resumen

Aunque JavaScript tiene "Java", es un lenguaje completamente diferente de Java, e incluso los tipos son diferentes (JS es un lenguaje de secuencias de comandos, Java es un lenguaje compilado)

Pero son gramaticalmente similares en la mayoría de los lugares. Después de todo, esta es una nota no tan profesional y potencialmente defectuosa escrita para desarrolladores de back-end, por lo que todos conocen Java de manera predeterminada.

Si no sabes Java, puedes venir aquí para averiguarlo:

https://blog.csdn.net/m0_57265007/category_12003054.html icono-predeterminado.png?t=M85Bhttps://blog.csdn.net/m0_57265007/category_12003054.html

Por supuesto, no importa si no conoces Java, la mayoría de los conceptos básicos de este artículo han sido presentados. Pero no está basado en cero, y es más adecuado para estudiantes que tienen una cierta base de programación para aprender.

A continuación, comencemos...

El papel de JS

 

Principio de operación

La composición de JavaScript (la cuarta parte, es decir, esta parte, aprende la sintaxis JS. La quinta parte luego aprende JS WebAPI)

 


| Posición de escritura JS

 

 

ejemplo de código

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 内嵌JS(一打开就弹出窗口) -->
    <script>
        alert('Hello JavaScript!')
    </script>
    <!-- 外部JS文件 -->
    <script src="js/1.外部js.js"></script>
</head>
<body>
    <!-- 行内式JS(点击按钮弹出窗口) -->
    <input type="button" name="button" value="Click" onclick="alert('Hello JavaScript!')"/>
</body>
</html>

| entrada salida

 ejemplo de código

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        alert('请输入信息');
        prompt('请输入您的岁数:');
        console.log('控制台语句');
    </script>
</head>
<body>
</body>
</html>

 


| variables

Convenciones de nombres


uso básico

declaración

 asignación

inicialización

 

ejemplo de código

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var num = 10;
        alert('num的数值是:'+num);
    </script>
</head>
<body>
    
</body>
</html>

 


Asigne información a las variables ingresando el mensaje de declaración

ejemplo de código

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // var num = 10;
        // alert('num的数值是:'+num);

        var name = prompt('请输入您的名字:');
        alert('您好,'+name);
    </script>
</head>
<body>
    
</body>
</html>

 Ejemplos de circunstancias especiales

 


| tipo de datos

 

Tipo de datos JS especial

  • Las variables son lugares donde se almacenan los valores, y tienen nombres y tipos de datos. El tipo de datos de una variable determina cómo se almacenan los bits que representan esos valores en la memoria de la computadora. JavaScript es un lenguaje dinámico débilmente tipado . Esto significa que no es necesario declarar el tipo de la variable por adelantado, y el tipo se determinará automáticamente durante la ejecución del programa.

  • JavaScript tiene escritura dinámica, lo que también significa que la misma variable se puede usar con diferentes tipos:

  • Tipos de datos de JavaScript: tipos de datos simples (Número, Cadena, Booleano, Indefinido, Nulo);

    tipo de datos complejo (objeto)


Introducción a los tipos de datos simples

 

 

Número de tipo de datos simple

  • Los tipos de números de JavaScript se pueden usar para almacenar tanto valores enteros como decimales (números de punto flotante).

  • ¿Cómo expresar base? Agregue 0 delante de octal y 0x delante de hexadecimal en JS

  • El valor máximo de los números JS: Number.MAX_VALUE, este valor es: 1.7976931348623157e+308, el valor mínimo: Number.MIN_VALUE, este valor es: 5e-32

  • Tres valores especiales: Infinity (infinito), -Infinity (infinitamente pequeño), NaN (no es un número)

  • La función juzga que Number es todo no numérico NaN isNaN(x)

 

 

 

tipo de datos simple Cadena

  • Utilice comillas simples o dobles para encerrar. Debido a que los atributos en las etiquetas HTML usan comillas dobles, aquí en JS recomendamos usar comillas simples como la capa más externa de paréntesis .

  • JS puede anidar comillas dobles con comillas simples o anidar comillas simples con comillas dobles

Escapes:

  • Obtenga la longitud de la cadena: XXX.longitud Por ejemplo: var strLength = str.length;

  • Empalme de cadenas: cadena + cualquier tipo = nueva cadena después del empalme Si "cualquier tipo" son otros tipos de datos, no se requieren comillas

 


Tipos de datos simples Booleano, Indefinido, Nulo

  • Booleano: puede ser 0/1 falso/verdadero

ejemplo de código

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var boolNum = true;
        alert('Boolean true + 1 = ' + (boolNum+1));

        var num;
        alert('num = ' + num);

        var num2 = null;
        alert('num2 = ' + num2);
    </script>
</head>
<body>
    
</body>
</html>

 

 

  • Indefinido: si no hay asignación después de la declaración de tipo de datos simple, el valor predeterminado es Indefinido

  • Nulo: generalmente, el objeto no se copia y el valor predeterminado es Nulo

 


obtener tipo

  • Use el nombre de la variable typeof para obtener el tipo de datos

 


conversión de tipos

convertir a cadena

 convertir a número

 

Convertir a booleano

 

Supongo que te gusta

Origin blog.csdn.net/m0_57265007/article/details/127961814
Recomendado
Clasificación