Despacho de aduana de base cero de JavaScript (2) variables, inicialización, denominación, cadena Cadena

Language 2022-04-20 02:18:55 views: null 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // isNaN() 这个方法用来判断非数字   并且返回一个值 如果是数字返回的是 false 如果不是数字返回的是true
        console.log(isNaN(12)); // false
        console.log(isNaN('pink老师')); // true
    </script>
</head>

<body>

</body>

</html>

isNaN() no juzga un número y devuelve un valor, si es un número devuelve falso

cadena cadena

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 'pink'   'pink老师'  '12'   'true'
        var str = '我是一个"高富帅"的程序员';
        console.log(str);
        // 字符串转义字符  都是用 \ 开头 但是这些转义字符写道引号里面
        var str1 = "我是一个'高富帅'的\n程序员";
        console.log(str1);
    </script>
</head>

<body>

</body>

</html>

Ejemplo de cuadro de alerta emergente

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        alert('酷热难耐，火辣的太阳底下，我挺拔的身姿，成为了最为独特的风景。\n我审视四周，这里，是我的舞台，我就是天地间的王者。\n这一刻，我豪气冲天，终于大喊一声："收破烂啦～"');
    </script>
</head>

<body>

</body>

</html>

Concatenación de 16 cuerdas

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 1. 检测获取字符串的长度 length 
        var str = 'my name is andy';
        console.log(str.length); // 15
        // 2. 字符串的拼接 +  只要有字符串和其他类型相拼接 最终的结果是字符串类型
        console.log('沙漠' + '骆驼'); // 字符串的 沙漠骆驼
        console.log('pink老师' + 18); // 'pink老师18'
        console.log('pink' + true); // pinktrue
        console.log(12 + 12); // 24
        console.log('12' + 12); // '1212'
    </script>
</head>

<body>

</body>

</html>

Concatenación de cadenas + siempre que haya cadenas y otros tipos concatenados, el resultado final es el tipo de cadena

Mejora de empalme de 17 cuerdas

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        console.log('pink老师' + 18); // pink老师18
        console.log('pink老师' + 18 + '岁');
        var age = 19;
        console.log('pink老师age岁');
        // 我们变量不要写到字符串里面，是通过和 字符串相连的方式实现的
        console.log('pink老师' + age + '岁');
        // 变量和字符串相连的口诀：  引引加加
        console.log('pink老师' + age + '岁');
    </script>
</head>

<body>

</body>

</html>

Se implementa concatenando
con cadenas

18-Mostrar instancia de edad

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 弹出一个输入框（prompt)，让用户输入年龄（用户输入）
        // 把用户输入的值用变量保存起来,把刚才输入的年龄与所要输出的字符串拼接 （程序内部处理）
        // 使用alert语句弹出警示框（输出结果）
        var age = prompt('请输入您的年龄');
        var str = '您今年已经' + age + '岁了';
        alert(str);
    </script>
</head>

<body>

</body>

</html>

Use la declaración de alerta para mostrar un cuadro de alerta

19 - Booleano Booleano

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        var flag = true; // flag 布尔型 
        var flag1 = false; // flag1 布尔型
        console.log(flag + 1); // true 参与加法运算当1来看
        console.log(flag1 + 1); // false 参与加法运算当 0来看
        // 如果一个变量声明未赋值 就是 undefined 未定义数据类型
        var str;
        console.log(str);
        var variable = undefined;
        console.log(variable + 'pink'); // undefinedpink
        console.log(variable + 1); // NaN  undefined 和数字相加 最后的结果是 NaN
        // null 空值
        var space = null;
        console.log(space + 'pink'); // nullpink
        console.log(space + 1); // 1
    </script>
</head>

<body>

</body>

</html>

espacio=espacio nulo
+'[tinta'
espacio+!;

-20 Obtener tipo de datos variables

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        var num = 10;
        console.log(typeof num); // number
        var str = 'pink';
        console.log(typeof str); // string
        var flag = true;
        console.log(typeof flag); // boolean
        var vari = undefined;
        console.log(typeof vari); // undefined
        var timer = null;
        console.log(typeof timer); // object
        // prompt 取过来的值是 字符型的
        var age = prompt('请输入您的年龄');
        console.log(age);
        console.log(typeof age);
    </script>
</head>

<body>

</body>

</html>

objeto de temporizador
vari
indefinido
nulo; bandera: bboleam
str cadena num número;

21 - Literal

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        console.log(18);
        console.log('18');
        console.log(true);
        console.log(undefined);
        console.log(null);
    </script>
</head>

<body>

</body>

</html>

18, '18' verdadero indefinido, nulo
variable.toString(0
variable.toString(), variable.toString(), variable.toString()
num+''; use + método de cadena de empalme para lograr el efecto de conversión, conversión implícita

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 1. 把数字型转换为字符串型 变量.toString()
        var num = 10;
        var str = num.toString();
        console.log(str);
        console.log(typeof str);
        // 2. 我们利用 String(变量)   
        console.log(String(num));
        // 3. 利用 + 拼接字符串的方法实现转换效果 隐式转换
        console.log(num + '');
    </script>
</head>

<body>

</body>

</html>

parseInt (variable) puede convertir el tipo de carácter en tipo de número y obtener el certificado
rem120px–>NaNrem120px -->NaN

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 弹出一个输入框（prompt)，让用户输入出生年份 （用户输入）
        // 把用户输入的值用变量保存起来，然后用今年的年份减去变量值，结果就是现在的年龄  （程序内部处理）
        // 弹出警示框（alert) ， 把计算的结果输出 （输出结果）
        var year = prompt('请您输入您的出生年份');
        var age = 2018 - year; // year 取过来的是字符串型  但是这里用的减法 有隐式转换
        alert('您今年已经' + age + '岁了');
    </script>
</head>

<body>

</body>

</html>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 先弹出第一个输入框，提示用户输入第一个值  保存起来
        // 再弹出第二个框，提示用户输入第二个值  保存起来
        // 把这两个值相加，并将结果赋给新的变量（注意数据类型转换）  
        // 弹出警示框（alert) ， 把计算的结果输出 （输出结果）
        var num1 = prompt('请您输入第一个值：');
        var num2 = prompt('请您输入第二个值：');
        var result = parseFloat(num1) + parseFloat(num2);
        alert('您的结果是:' + result);
    </script>
</head>

<body>

</body>

</html>

var result=parseFloat(num1)+parseFloat(num2);
alert('Su resultado es "+resultado);

26 - Convertir a booleano

consola.log(Booleano('')
Booleano(0)
Booleano(NaN);

1.4 Expansión de sintaxis de variables

  1. actualizar variables

Después de reasignar una variable, su valor original se sobrescribirá y el valor de la variable se basará en el último valor asignado.

var age = 18;

age = 81;   // 最后的结果就是81因为18 被覆盖掉了
  1. Al declarar múltiples variables al
    mismo tiempo y declarar múltiples variables al mismo tiempo, solo necesita escribir una var y separar los nombres de las múltiples variables con comas en inglés.
var age = 10,  name = 'zs', sex = 2;
  1. Casos especiales de declaración de variables
    inserte la descripción de la imagen aquí
    Solo declarar sin asignación indefinida
    No declarar y no asignar ningún valor, usarlo directamente y reportar un error
    No declarar solo copiar 10

1.5 Convenciones de nomenclatura de variables

Consta de letras (A-Za-z), números (0-9), guiones bajos (_), signos de dólar ($), como: usrAge, num01, _name
distinguen estrictamente entre mayúsculas y minúsculas. var app y var app son dos variables que
no pueden comenzar con un número. 18edad es incorrecta y
no puede ser una palabra clave o una palabra reservada. Por ejemplo: var, for, while
los nombres de las variables deben ser significativos. MMD BBD nl → la edad
sigue al caso del camello. La primera letra está en minúsculas y la primera letra de las siguientes palabras debe estar en mayúsculas. myFirstName
sitio web de traducción recomendado: Youdao Love PowerWord
var,for,while
¿Cuáles de los siguientes son nombres de variables legales?
inserte la descripción de la imagen aquí
Caso: Clase Ejercicio
Requisito: Intercambiar los valores de dos variables (idea de implementación: usar una variable temporal para el almacenamiento intermedio)

1.5 Resumen

¿Por qué necesitas variables?
¿Qué son las variables?
¿Cuál es la naturaleza de
las variables?¿Cómo se utilizan las variables?

¿Qué es la inicialización de variables?
¿Cuáles son las convenciones de nomenclatura de variables?
¿Ideas para intercambiar 2 valores de variables?

Debido a que necesitamos guardar algunos datos, necesitamos variables Las variables
son contenedores para almacenar datos. Es conveniente que usemos los datos que contiene más adelante.Una
variable es un espacio en la memoria que se usa para almacenar datos.
Cuando usamos variables, debemos declarar la variable y luego asignarla.La
esencia de declarar una variable es ir a la memoria para solicitar espacio.
Declarar variables y asignar valores Las llamamos inicialización de
variables Los nombres de las variables deben estandarizarse tanto como sea posible, ver el nombre - notación de mayúsculas y minúsculas
Distinguir qué nombres de variables son ilegales
Aprender a intercambiar dos variables Las variables
son un espacio en la memoria utilizado para almacenar datos.Declarar variables y asignar valores, lo que llamamos inicialización de variables.Declarar variables son esencialmente para solicitar espacio en la memoria.

Supongo que te gusta

Origin blog.csdn.net/weixin_43428283/article/details/124069548
Recomendado
Clasificación
Diario
Más
2024-05-06(4)
2024-05-05(0)
2024-05-04(17)
2024-05-03(8)
2024-05-02(0)
2024-05-01(4)
2024-04-30(33)
2024-04-29(5)
2024-04-28(9)
2024-04-27(28)

Code World

© 2018 codetd.com