从零理解JavaScript数据类型与深浅拷贝原理

JavaScript数据类型是编程语言的核心基础，掌握数据类型和拷贝操作对于理解代码至关重要。本文将深入浅出地探索JavaScript数据类型与深浅拷贝的实现原理，助你全面掌握数据操作精髓。

数据类型的分类

JavaScript数据类型分为基本数据类型和引用数据类型。基本数据类型有六种，分别是Number、String、Boolean、Null、Undefined以及es6新增的Symbol。基本数据类型是直接存放在栈中的简单数据段，单独分配内存空间，可以按值访问。

引用数据类型主要包括对象（Object）、数组（Array）和函数（Function），它们存储在堆中，通过指针访问。这意味着多个变量可以指向同一块内存空间。

拷贝操作的类型

JavaScript提供两种拷贝方式：浅拷贝和深拷贝。

浅拷贝是指将源对象的指针赋给目标对象，两个对象指向同一块内存空间。修改目标对象会影响源对象，反之亦然。

深拷贝则会创建一个新的内存空间，并将源对象的属性逐一复制到目标对象中。修改目标对象不会影响源对象，反之亦然。

浅拷贝的实现

浅拷贝可以通过赋值运算符（=）或Object.assign()方法实现。

赋值运算符

let obj1 = { name: 'John' };
let obj2 = obj1;
obj2.name = 'Jane';
console.log(obj1.name); // Jane

Object.assign()方法

let obj1 = { name: 'John' };
let obj2 = Object.assign({}, obj1);
obj2.name = 'Jane';
console.log(obj1.name); // John

深拷贝的实现

深拷贝可以通过递归或JSON.parse(JSON.stringify(obj))实现。

递归

function deepCopy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }

  let copy = {};
  for (let key in obj) {
    copy[key] = deepCopy(obj[key]);
  }

  return copy;
}

JSON.parse(JSON.stringify(obj))

let obj1 = { name: 'John' };
let obj2 = JSON.parse(JSON.stringify(obj1));
obj2.name = 'Jane';
console.log(obj1.name); // John

总结

JavaScript数据类型和拷贝操作是编程中必不可少的基础知识。通过理解基本数据类型和引用数据类型的区别，掌握浅拷贝和深拷贝的实现方式，可以有效提高代码质量和应用程序性能。