浅析JavaScript赋值、深拷贝及浅拷贝，夯实JS基础

2024-01-13 12:54:19

在JavaScript的世界里，赋值、深拷贝和浅拷贝是不可或缺的概念。它们在数据处理、对象传递等场景中发挥着重要作用。在本文中，我们将深入探讨这些概念，并辅以代码示例，帮助您夯实JavaScript基础，为今后的开发工作打下坚实基础。

1. 赋值：赋予变量新的值

赋值是将一个值存储在变量中的过程。在JavaScript中，赋值运算符为“=”。例如：

let age = 25;

上述代码将数字25赋给变量age，使其存储该值。之后，我们可以通过age来访问该值。

2. 浅拷贝：创建一个新对象，但共享原始对象中的数据

浅拷贝是一种创建新对象的方法，但该新对象与原始对象共享相同的数据。这意味着当原始对象中的数据被修改时，新对象中的数据也会随之改变。

在JavaScript中，可以使用Object.assign()方法来实现浅拷贝。例如：

const originalObject = {
  name: 'John Doe',
  age: 25,
  address: {
    street: 'Main Street',
    city: 'Anytown',
    state: 'CA'
  }
};

const shallowCopy = Object.assign({}, originalObject);

上述代码创建一个新对象浅拷贝，该对象与原始对象originalObject共享相同的数据。如果我们修改originalObject中的数据，浅拷贝中的数据也会随之改变。

3. 深拷贝：创建一个新对象，并包含原始对象中数据副本

深拷贝是一种创建新对象的方法，该新对象不与原始对象共享相同的数据。这意味着当原始对象中的数据被修改时，新对象中的数据不会受到影响。

在JavaScript中，可以使用JSON.parse()和JSON.stringify()方法来实现深拷贝。例如：

const originalObject = {
  name: 'John Doe',
  age: 25,
  address: {
    street: 'Main Street',
    city: 'Anytown',
    state: 'CA'
  }
};

const deepCopy = JSON.parse(JSON.stringify(originalObject));