JavaScript基础入门：变量、数据类型与类型转换详解

变量

• 基本语法

var age=10;//声明一个名称为age的变量，并且为它赋值，称为变量的初始化

在JavaScript中，var是一个用于声明变量的关键字。开发者可以像其他编程语言一样对变量进行赋值更新，同时也支持一次性声明多个变量，只需在var关键字后列出变量名，并使用英文逗号进行分隔即可。

• 命名规范

变量命名需遵循以下规则：首先，名称只能由字母（A-Za-z）、数字（0-9）、下划线（_）和美元符号（$）组成，例如usrAge、num01或_name。其次，命名严格区分大小写，因此var app;与var App;代表两个不同的变量。第三，变量名必须以字母、下划线或美元符号开头，不能以数字开头，且必须为连续单词，中间不可包含空格，如18age即为错误命名。第四，变量名不能是JavaScript的关键字或保留字，例如var、for、while等。第五，变量名应具有明确的语义意义。最后，建议遵守驼峰命名法，即首字母小写，后续单词首字母大写，如myFirstName。

数据类型

• 数据类型介绍

JavaScript是一种弱类型或动态类型语言，这意味着在声明变量时无需预先指定其数据类型，系统会在程序运行过程中自动确定类型。变量的具体类型由JavaScript引擎根据等号右侧赋值的数据类型动态判断，因此同一个变量在程序运行期间可以被赋予不同类型的值。

var age = 10;  // 这是一个数字型
var age="10" //这是一个字符串

JavaScript的数据类型主要分为简单数据类型（基本数据类型）和复杂数据类型（引用数据类型）。简单数据类型包括Number、String、Boolean、Undefined和Null。复杂数据类型则包括Object、Array、Date和function。

此外，在ES6及HTML5新增的语法规范中，还引入了Symbol这一简单数据类型（后续章节将详细讲解）。

• Number

JavaScript支持多种进制表示，包括二进制、八进制、十进制和十六进制。在代码书写时，八进制数字前需添加前缀0，而十六进制数字前需添加前缀0x。

//1.八进制数字序列范围：0~7
var num1 = 07;   // 对应十进制的7
var num2 = 019;  // 对应十进制的19
var num3 = 08;   // 对应十进制的8
//2.十六进制数字序列范围：0~9以及A~F
var num = 0xA; 

JavaScript中定义了最大数值和最小数值。最大值由Number.MAX_VALUE表示，其值为1.7976931348623157e+308；最小值由Number.MIN_VALUE表示，其值为5e-32。

alert(Number.MAX_VALUE); // 1.7976931348623157e+308
alert(Number.MIN_VALUE); // 5e-32

JavaScript中存在三个特殊的数值：Infinity代表无穷大，即大于任何数值的量；-Infinity代表无穷小，即小于任何数值的量；NaN（Not a Number）代表非数值类型。

可以使用isNaN()函数来判断一个变量是否属于非数字类型。

var usrAge = 21;
var isOk = isNaN(userAge);
console.log(isNum);  // false ，21 不是一个非数字
var usrName = "andy";
console.log(isNaN(userName));  //true ，"andy"是一个非数字

• String

字符串可以使用单引号或双引号表示，并支持引号嵌套，例如用单引号包裹双引号，或用双引号包裹单引号，但不允许单双引号混合使用。字符串处理涉及转义字符的使用。

可以通过length属性获取字符串的长度。字符串拼接遵循规则：字符串与任何类型相加将生成拼接后的新字符串；若两个数值直接相加，则结果为数值计算结果。

• Boolean

布尔值包括true和false。在布尔值与数字型进行相加运算时，true转换为数值1，false转换为数值0。

• Undefined

对于已声明但未赋值的变量，其默认值为undefined。若尝试使用未声明的变量，程序将报错。

var variable;
console.log(variable);  // undefined
console.log('你好' + variable);  // 你好undefined
console.log(11 + variable);  // NaN
console.log(true + variable);//  NaN

• Null

var vari = null;
console.log('你好' + vari); // 你好null
console.log(11 + vari); // 11
console.log(true + vari); //  1
 

• 数据类型转换

通过表单或prompt获取的数据默认为字符串类型，此时不能直接进行简单的加法运算，必须转换变量的数据类型。通俗而言，类型转换即是将一种数据类型的变量转换为另一种数据类型。

转化为字符串类型

转化为数字类型

转化为布尔类型

在转换为布尔类型时，代表空或否定的值会被转换为false，这些值包括空字符串''、数字0、NaN、null和undefined。其余所有值在转换时均会被视为true。

console.log(Boolean('')); // false
console.log(Boolean(0)); // false
console.log(Boolean(NaN)); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
console.log(Boolean('小白')); // true
console.log(Boolean(12)); // true

扩展点

本节解释解释型语言与编译型语言的区别。计算机执行代码前需将程序语言翻译为机器语言，翻译方式分为编译和解释两种，主要区别在于翻译发生的时间点不同。编译器在代码执行前进行编译，生成中间代码文件；解释器则在运行时即时解释并立即执行代码。

• 标识符是指开发人员为变量、参数或函数命名的名称。标识符的命名不能是关键字或保留字。
• 关键字是指JavaScript语言本身已使用的词汇，开发者不能再将其用作变量名或方法名。

JavaScript的关键字包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with。

• 保留字是指未来可能成为关键字的预留词汇。

JavaScript的保留字包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile等。

总结

本文到此结束，希望能为读者提供帮助，同时也欢迎大家关注本站以获取更多相关内容！