JavaScript基础:数据类型、字面量与变量详解
本文系统介绍JavaScript的基础概念,涵盖数值、字符串、布尔三种基本数据类型。详细解析字符串字面量中的转义字符用法,演示字符串拼接与加法运算的区别,并通过typeof运算符判断类型。最后讲解变量与常量的声明规范、命名规则及常见注意事项,帮助初学者掌握JS核心语法。
JavaScript基本数据类型
JavaScript主要包含三种基本数据类型:数值型(包括整型int和浮点型floating)、字符串类型(string)以及布尔型。
字符串类型用于表示文本数据,在JavaScript中以string标识。
布尔型仅包含两个固定值:true(真)和false(假),原文中拼写为ture和fasle,此处指代布尔逻辑值。
字符串字面量
字符串字面量与转义字符
字符串字面量中包含一系列转义字符,用于处理特殊符号。
在JavaScript中,部分符号若直接书写可能导致解析歧义或显示错误,必须通过转义序列才能正确显示。
单引号使用反斜杠加单引号表示:\'。
双引号使用反斜杠加双引号表示:\"。
换行符使用\n表示。
回车符使用\r表示。
反斜杠本身需要使用双反斜杠\\进行转义。
转义实例:
以下代码展示了转义字符的实际应用:
<script type="text/javascript">
document.write("hello\nworld");
</script>转义实例输出:
代码执行后的输出结果如下:
hello
world(注意:hello与world之间因\n发生了换行) 2.字符串拼接
字符串拼接与加法运算
字符串拼接主要使用加号(+)作为运算符。当两个字符串拼接时,JavaScript会将它们合并为一个新的字符串;当一个数字与一个字符串拼接时,JavaScript会将数字转换为字符串后进行拼接;而当两个数字直接相加时,加号则执行数值加法运算。
字符串拼接实例
字符串拼接与加法运算的代码示例如下:
document.write("link" + “nan”); // 两个字符串拼接,输出linknan
document.write("5" + 100); // 一个数字和一个字符串拼接,输出5100
document.write(5 + 100); // 两个数字拼接,输出105 3.typeof运算符
使用typeof判断数据类型
typeof运算符用于判断变量或值的数据类型。
判断数据类型的代码示例如下:
docunment.write(typeof(linknan)); // linknan是字符类型,输出String 复合数据类型
变量与常量的声明及使用规范
变量是JavaScript中用于存储数据值的容器,其值在程序运行过程中可以改变。
变量命名需遵循特定规则:首字符必须是字母或下划线,且命名区分大小写。声明变量需使用var关键字。
变量声明的代码示例如下:
var num = 5; // 变量名是"num",值为5
var num = 5; // 初始化变量并赋值
var num; // 仅声明变量,未初始化(值为undefined) 常量是与变量相对的概念,其值一旦确定便不可更改。
常量命名通常约定使用大写字母,并使用const关键字声明。常量在初始化赋值后,无论后续进行何种运算,其存储的值始终保持不变。
在编写代码时,需注意以下常见bug或规范问题。
命名时务必注意区分大小写,避免使用JavaScript保留字或过长且难以记忆的变量名;应尽量避免使用名称相似的变量,建议在程序起始处统一声明所有变量以提高代码可读性。
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
