JavaScript基础入门：数据类型与深拷贝详解

本篇文档是关于JavaScript基础练习题，针对初学者设计了一系列题目，主要聚焦于JavaScript语言的核心概念，包括数据类型、基本与引用数据类型的区别、深浅拷贝以及数组和对象的复制方法。首先，我们明确了本文讨论的是ES6及以上的JavaScript版本。 JavaScript有六种基本数据类型：`number`（数字）、`string`（字符串）、`boolean`（布尔值）、`null`、`undefined`以及`bigint`（大整数）。这几种类型都是在栈内存中直接存储值，不需要额外的内存空间。而`symbol`类型是ECMAScript 6新增的，用于创建唯一的标识符。 引用数据类型包括`object`（如对象、数组）、`function`（函数），它们的特点是名（key）存储在栈内存，而值（value）存储在堆内存中，通过栈内存中的引用地址（指针）指向堆内存中的实际值。这意味着对引用类型进行操作时，实际上是操作堆内存中的对象实例。 接下来，文档介绍了深拷贝和浅拷贝的概念。浅拷贝仅复制了栈内存中的指针，因此对原对象的任何修改都会影响到拷贝的对象。而深拷贝则会复制整个对象及其所有属性，包括嵌套的对象和数组，这样即使修改拷贝后的对象，原对象也会保持不变。文章提供了一个递归实现的深拷贝函数`deepClone()`，用于逐层复制对象结构。 在实例部分，文档展示了基本数据类型和引用数据类型的一些操作。例如，变量`a`和`b`都指向同一数值20，当`b`被赋值为30后，`a`的值仍为20，说明`a`和`b`是引用同一内存位置的数字。然而，当复制对象`m`并修改其属性`n.a`时，`m.a`的值也改变，说明`m`和`n`是引用数据类型，共享了相同的内存地址。 最后，文档还涉及到了JavaScript中的函数。在`foo`的例子中，尽管全局变量`foo`未定义，但两次调用`console.log(foo)`输出的都是函数的引用，这是因为函数在内存中是可被引用的。只有当删除或重新赋值`foo`，才会改变其引用。 这篇文章提供了JavaScript新手学习过程中不可或缺的基础知识，帮助理解数据类型、数据存储方式以及对象复制的基本原理，对于提升前端开发者的编程技能具有很好的指导作用。