JavaScript的主要用途，变量与字面量(1)，2024年最新面试需要了解到的东西

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

示例二：
在 JavaScript 中，可以重复声明同一个变量，也可以反复初始化变量的值。

1. var a = 1;
2. var a = 2;
3. var a = 3;
4. document.write(a); //返回 3

注意：在非严格模式下，JavaScript 允许不声明变量就直接为其赋值，这是因为 JavaScript 解释器能够自动隐式声明变量。隐式声明的变量总是作为全局变量使用。在严格模式下，变量必须先声明，然后才能使用。

赋值变量
使用等号=运算符可以为变量赋值，等号左侧为变量，右侧为被赋的值。

示例
变量提升。JavaScript 在预编译期会先预处理声明的变量，但是变量的赋值操作发生在 JavaScript 执行期，而不是预编译期。

document.write(a); //显示undefined
a =1;
document.write(a); //显示 1
var a;

在上面示例中，声明变量放在最后，赋值操作放在前面。由于 JavaScript 在预编译期已经对变量声明语句进行了预解析，所以第一行代码读取变量值时不会抛出异常，而是返回未初始化的值 undefined。第三行代码是在赋值操作之后读取，故显示为数字 1。

提示：
JavaScript 引擎的解析方式是：先解析代码，获取所有被声明的变量，然后再一行一行地运行。 这样，所有声明的变量都会被提升到代码的头部，这就叫作变量提升（Hoisting）。

变量作用域

变量作用域（Scope）是指变量在程序中可以访问的有效范围，也称为变量的可见性。

JavaScript 变量可以分为全局变量和局部变量：

• 全局变量：变量在整个页面脚本中都是可见的，可以被自由访问。
• 局部变量：变量仅能在声明的函数内部可见，函数外是不允许访问的。

示例一
下面示例演示了全局变量和局部变量的关系。

var a = 1; //声明并初始化全局变量
function f(){ //声明函数
document.write(a); //显示undefined
var a = 2; //声明并初始化局部变量
document.write(a); //显示 2
}
f(); //调用函数

由于在函数内部声明了一个同名局部变量 a，所以在预编译期，JavaScript 使用该变量覆盖掉全局变量在函数内部的影响。
而在执行初期，局部变量 a 未赋值，所以在函数内第 1 行代码读取局部变量 a 的值也就是 undefined 了。当执行到函数第 2 行代码时，为局部变量赋值 2，所以在第 3 行中就显示为 2。

示例二
下面示例演示了如果不显式声明局部变量所带来的后果。

var jQuery = 1;
(function () {
jQuery = window.jQuery = window.$ = function(){};
})()
document.write(jQuery); //显示函数代码：function(){}

因此，在函数体内使用全局变量是一种危险的行为。为了避免此类问题，应该养成在函数体内使用 var 语句显式声明局部变量的习惯。

变量类型
JavaScript 是弱类型语言，对于变量类型的规范比较松散。具体表现如下：

• 变量的类型分类不严谨、不明确，带来使用的随意性。
• 声明变量时，不要求指定类型。
• 使用过程不严格，可以根据需要自动转换变量类型。
• 变量的转换和类型检查没有一套统一、规范的方法，导致开发效率低下。

优缺点：

• 优点：使用灵活，简化了代码编写。
• 缺点：执行效率低，在开发大型应用时，程序性能会受到影响。

字面量

• 字面量（literal）是用于表达一个固定值的表示法，又叫常量
• 通俗的理解，字面就是所见即所得，js 程序执行到代码中的字面量，会立即知道它是什么类型的数据，值是多少
• 可以用于表示固定值，比如：数字、字符串、undefined、布尔类型的字面值等

数字字面量

• 就是数学意义上的数字
• 数字字面量区分：整数字面量、浮点数字面量（小数）、特殊值
• 书写时直接书写字面量，不需要添加任何辅助符号

（1）整数

• 整数字面量写法区分进制
• 整数可以被表示成十进制（基数为10）、八进制（基数为8）以及十六进制（基数为16）
• 十进制是最基本的数值字面量格式，可以直接在代码中输入
• 八进制字面值必须带前导0、0O、0o 。八进制整数只能包括数字0-7
• 十六进制的前缀是0x或0X。后面可以包含数字（0-9）和字母a_f或AF
• 在进行算术计算时或者参与程序，所有八进制和十六进制的数字都会被转换成十进制

（2）浮点数

• 数学概念中的小数
• 包含：整数、小数点、小数部分
• 浮点数不区分进制，所有的浮点数都是十进制下的数字

总结

秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！

而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。

这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！

资料截图 ：

高级前端工程师必备资料包

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
可以添加V获取：vip1024c （备注前端）**
[外链图片转存中…(img-YrWs7tXP-1713313638884)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！