基础知识延伸

1. html

2. css

3. js

3.1 函数

• 3.1.1 函数接收对象参数时,是值传递,还是引用传递

在JavaScript中，函数的参数传递是基于值的，这意味着当你将一个对象作为参数传递给一个函数时，
实际上传递的是该对象的引用（或者说是指针），但这个引用指向的对象本身的内容（其属性值）并不是引用传递的。


=== 解释 ===
‌
引用传递‌: 通常指的是传递内存地址（或者说指针），这样函数内部对这个地址的操作会影响到原始数据。
这在很多语言中，比如C或C++中，是通过指针实现的。

值传递‌: 在JavaScript中指的是传递变量的值（如果是基本类型）或者对象的引用（如果对象是通过引用的方式传递的）。
这里的“值”指的是内存地址，但不是基本类型的值复制。


=== 示例 ===

function changeObject(obj) {
    obj.name = "Changed";
}
let person = { name: "Original" };
changeObject(person);
console.log(person.name); // 输出 "Changed"

在这个例子中，person对象被传递给changeObject函数。尽管是通过值传递（即传递的是对象在堆内存中的地址的副本），
但这个副本指向的对象本身的内容（在这个例子中是name属性）是可以被函数内部修改的。这就是为什么在函数执行后，
原始对象person的name属性也被修改了。


=== 深拷贝与浅拷贝 ===

‌浅拷贝‌：当你将一个对象传递给函数时，如果你在函数内部修改了对象的属性（但不是嵌套对象的属性），那么这些修改会影响原始对象。

‌深拷贝‌：如果你想确保在函数内部对对象所做的修改不影响原始对象，你需要创建一个对象的深拷贝。在JavaScript中，
你可以使用JSON.parse(JSON.stringify(obj))来实现一个简单的深拷贝，但这在某些情况下可能不适用（例如，当对象包含循
环引用或特殊的对象类型如Date, RegExp, Function, Map, Set, Error等）。对于更复杂的对象，可以使用库如Lodash的_.cloneDeep()。


=== 结论 ===

在JavaScript中，将对象作为参数传递给函数是通过引用传递的“引用”，这意味着你可以通过这个引用修改对象的属性，
但如果你需要完全独立的副本（即深拷贝），则需要采取额外的措施来实现。对于大多数情况，直接通过引用传递并
修改属性是足够的，因为这样可以避免不必要的性能开销和复杂性