一段关于赋值JavaScript代码的疑惑

赋值在JavaScript代码中是将值分配给变量的基本操作，它实现了数据存储、更新、复制、引用、函数传参等不同功能。赋值操作是编程中最常见的操作之一，在JavaScript中，赋值通常使用“=”操作符来完成。例如，let x = 5 就是一个简单的赋值表达式，将值 5 分配给了变量 x。在JavaScript中，赋值还可以更复杂，涉及到类型转换、引用拷贝、结构赋值等多个层面。

值得特别指出的是，当给引用类型（例如对象或数组）进行赋值时，实际上分配的是一个指向内存中对象或数组的引用，而不是对象或数组本身的拷贝。这意味着如果你将一个对象赋值给另一个变量，任何对这个新变量的修改都会反映到原始对象上。

一、基础赋值操作

在编程的世界里，赋值操作是如此日常，以至于初学者可能没有感觉到它的复杂性。但是，基础赋值操作是理解更高级功能的基石。

赋值操作的最基本形式是将一个数值、字符串或布尔值分配给一个变量。例如：

let age = 30;
const name = 'Alice';
var isStudent = true;

在这种情况下，值直截了当地，分配给声明的变量。变量类型通常由赋予它的值决定，JavaScript是一种动态类型语言。

二、变量的作用域与提升

在赋值时，变量的作用域也是一个需要注意的重要概念。在JavaScript中，一个变量可以是全局的，函数级的，甚至是块级的（ES6新增）。

var globalVar = "I'm a global variable";
function myFunction() {
  var functionVar = "I'm avAIlable within this function only";
}
if (true) {
  let blockVar = "I'm available in this block";
}

变量提升是另一个与变量声明和赋值相关的JavaScript特性。变量声明（注意是声明而不是赋值）会被提升到函数或全局代码的顶部。

三、引用类型的赋值

当我们对对象或数组执行赋值操作时，我们实际上是在操作对这些结构的引用。

let object1 = { value: 10 };
let object2 = object1;
object2.value = 20;
console.log(object1.value); // 输出 20

在上面的例子中，object2 并没有获得 object1 的一个复制品，它仅仅是对同一个对象的另一个引用。因此，当我们更改 object2 的属性时，object1 的对应属性也会改变。

四、结构赋值

ES6 引入了一种新的赋值方式，称为解构赋值。这种方法允许我们从数组或对象中提取数据，并将值赋给新的变量。

let [a, b] = [1, 2];
let {x, y} = {x: 10, y: 20};

这个特性使得从一个对象中快速提取所需信息变得格外简单。

五、函数传参与赋值

当我们将变量作为参数传递给函数时，赋值的行为取决于传递的是原始类型的值还是引用类型的值。

function changeValue(num) {
  num = 10;
}
let num = 5;
changeValue(num);
console.log(num); // 输出 5
function changeObject(obj) {
  obj.prop = 10;
}
let myObject = { prop: 5 };
changeObject(myObject);
console.log(myObject.prop); // 输出 10