Web前端最新JavaScript变量和数据类型总结(1)，2024年最新15个经典面试问题薪资

性能优化

1.webpack打包文件体积过大？（最终打包为一个js文件）

2.如何优化webpack构建的性能

3.移动端的性能优化

4.Vue的SPA 如何优化加载速度

5.移动端300ms延迟

6.页面的重构

所有的知识点都有详细的解答，我整理成了280页PDF《前端校招面试真题精编解析》。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 🍑基本数据类型——字符型

• 🍑基本数据类型——空型

• 🍑基本数据类型——未定义型

• 🍑数据类型检测

• 🍑数据类型转换

• 🍑表达式

一、变量

===================================================================

🍋标识符

---

概念：程序开发中，经常需要自定义一些符号来标记一些名称，并赋予其特定的用途，如变量名、函数名等，这些符号都被称为标识符。

定义规则

• 由大小写字母、数字、下划线和美元符号（$）组成。

• 不能以数字开头。

• 严格区分大小写。

• 不能使用JavaScript中的关键字命名。

• 要尽量要做到“见其名知其意”。

合法的标识符为：it、It、age66、_age、$name

非法的标识符为：t-o、t o、798lu

📌注意

当标识符中需要多个单词进行表示时，常见的表示方式有下划线法（如user_name）、驼峰法（如userName）和帕斯卡法（如UserName）。读者可根据开发需求统一规范命名的方式，如下划线方式通常应用于变量的命名，驼峰法通常应用于函数名的命名等。

🍋关键字

---

保留关键字：是指在JavaScript语言中被事先定义好并赋予特殊含义的单词。

未来保留关键字：是指预留的，未来可能会成为保留关键字的单词。

保留关键字

关键字不能作为变量名和函数名使用，否则会使JavaScript在载入过程中出现语法错误。

未来保留关键字

标识符在定义时，建议不要用未来保留关键字，避免将来转换为关键字时出现错误。

🍋变量的使用

---

概念：变量可以看作是存储数据的容器。

举例：盛水的杯子，杯子指变量，杯中的水指保存在变量中的数据。

语法：JavaScript中变量通常利用var关键字声明，并且变量名的命名规则与标识符相同。

举例：合法变量名（如number、_it123）、非法变量名（如88shout、&num）。

• 未赋初始值的变量，默认值会被设定为undefined。

• 行末的分号表示语句结束。

• 变量与变量之间的逗号（,）操作符，可实现一条语句同时完成多个变量的声明。

🍋变量的赋值

---

📌注意

JavaScript中变量虽然可以不事先声明，直接省略var关键字为变量赋值。但由于JavaScript采用的是动态编译，程序运行时不容易发现代码中的错误，所以推荐读者在使用变量前，要养成先声明的良好习惯。

🍋定义常量

---

常量：可以理解为在脚本运行过程中值始终不变的量。

特点：一旦被定义就不能被修改或重新定义。

举例：数学中的圆周率π就是一个常量，其值就是固定且不能被改变的。

语法：ES6中新增了const关键字，用于实现常量的定义

常量命名规则：遵循标识符命名规则，习惯上常量名称总是使用大写字母表示。

常量的值：常量在赋值时可以是具体的数据，也可以是表达式的值或变量。

• 常量一旦被赋值就不能被改变。

• 常量在声明时必须为其指定某个值。

二、数据类型

=====================================================================

🍑数据类型分类

---

JavaScript中的数据：在使用或赋值时根据设置的具体内容再确其对应的类型。

但每一种计算机语言都有自己所支持的数据类型，JavaScript也不例外。

关于引用数据类型，将会在后面的章节详细介绍。

🍑基本数据类型——布尔型

---

布尔型是JavaScript中较常用的数据类型之一，通常用于逻辑判断。

ture | false

表示事物的“真”和“假”，严格遵循大小写，因此true和false值只有全部为小写时才表示布尔型。

🍑基本数据类型——数值型

---

JavaScript中的数值型并不区分整数和浮点数，所有数字都是数值型。

• 添加“- ”符号表示负数。

• 添加“+ ”符号表示正数（通常情况下省略“+”）。

• 设置为NaN表示非数值。

只要给定的值不超过JavaScript中允许数值指定的范围即可。

NaN非数值

• NaN 是一个全局对象的属性，它的初始值就是NaN。

• 与数值型中的特殊值NaN一样，都表示非数字（Not a Number）。

• 可用于表示某个数据是否属于数值型。

• NaN没有一个确切的值，仅表示非数值型的一个范围。

• 例如，NaN与NaN进行比较时，结果不一定为真（true），这是由于被操作的数据可能是布尔型、字符型、空型、未定义型和对象型中的任意一种类型。

🍑基本数据类型——字符型

---

字符型（String）是由Unicode字符、数字等组成的字符序列，这个字符序列我们一般将其称为字符串。

作用：表示文本的数据类型。

语法：程序中的字符型数据包含在单引号（“）或双引号（”"）。

• 由单引号定界的字符串中可以包含双引号。

• 由双引号定界的字符串中也可以包含单引号。

问题：如何在在单引号中使用单引号，或在双引号中使用双引号？

答案：利用转义字符“\”进行转义。

在字符串中使用换行、Tab等特殊符号时，也需要利用转义符“\”的转义。

🍑基本数据类型——空型

---

• 空型（Null）只有一个特殊的null值。

• 空型用于表示一个不存在的或无效的对象与地址。

• JavaScript中大小写敏感，因此变量值只有是小写的null时才表示空型（Null）。

🍑基本数据类型——未定义型

---

• 未定义型（Undefined）也只有一个特殊的undefined值。

• 未定义型用于声明的变量还未被初始化时，变量的默认值为undefined。

• 与null不同的是，undefined表示没有为变量设置值，而null则表示变量（对象或地址）不存在或无效。

• 注意：null和undefined与空字符串（’’）和0都不相等。

🍑数据类型检测

---

总结

阿里十分注重你对源码的理解，对你所学，所用东西的理解，对项目的理解。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】