构造函数属性对象能否深克隆？如何硬拷贝this.state且修改不影响原对象？

问题1：被赋值给构造函数属性的对象能否进行深克隆？ #

当然可以！构造函数里赋值给属性（比如你的this.state）的对象本质上就是普通的JavaScript对象，和你在其他地方创建的对象没有任何区别——能不能深克隆只取决于对象本身的结构，而不是它是不是构造函数的属性。

举个例子：

• 如果你的对象是扁平结构（没有嵌套的引用类型，比如数组、子对象），浅拷贝就够用，但深克隆也完全没问题；
• 如果对象里有嵌套的引用类型（比如你的state.items数组），只要用正确的深克隆方法，一样能得到一个完全独立的拷贝，修改拷贝不会影响原对象。

简单来说：构造函数属性的对象只是对象的“存放位置”特殊，克隆规则和普通对象完全一致。

问题2：如何实现this.state的硬拷贝（深拷贝）并避免修改原对象？ #

你遇到的问题根源在于Object.assign({}, this.state)是浅拷贝——它只会复制对象的第一层属性。对于this.state.items这种数组（属于引用类型），拷贝的只是数组的内存引用，所以你修改objCopy.items的时候，其实是在操作原数组，自然会影响到原this.state。

这个问题完全可以解决，核心是对this.state进行深克隆，下面给你几种实用的方案：

方案1：JSON序列化/反序列化（适合大多数简单场景） #

这是最快捷的方法，适合对象里没有函数、undefined、Symbol或者循环引用的情况：

sayHello() {
  // 深克隆this.state
  let objCopy = JSON.parse(JSON.stringify(this.state));
  // 修改拷贝后的对象，不会影响原this.state
  objCopy.items.push('new item');
}

⚠️ 注意：如果你的state里包含函数、日期对象、Symbol等，这个方法会丢失这些内容（比如函数会被忽略，日期会变成字符串）。

方案2：手动递归深克隆（适合复杂结构） #

如果你的对象有复杂嵌套或者特殊类型（比如Date、自定义对象），可以写一个递归函数来实现深克隆：

// 定义深克隆函数
function deepClone(obj) {
  // 处理非对象类型（null、基本类型）
  if (obj === null || typeof obj !== 'object') return obj;
  
  // 处理数组
  if (obj instanceof Array) {
    return obj.map(item => deepClone(item));
  }
  
  // 处理日期对象
  if (obj instanceof Date) {
    return new Date(obj.getTime());
  }
  
  // 处理普通对象
  const clonedObj = {};
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      clonedObj[key] = deepClone(obj[key]);
    }
  }
  return clonedObj;
}

// 在sayHello方法里使用
sayHello() {
  let objCopy = deepClone(this.state);
  // 修改拷贝，原state完全不受影响
  objCopy.items.push('new item');
}

这个方法可以灵活处理各种类型，完全自定义克隆逻辑，不会丢失特殊类型的数据。

方案3：使用第三方库（比如Lodash） #

如果你项目里已经引入了Lodash，可以直接用它的_.cloneDeep方法，省心又可靠：

import _ from 'lodash';

// ...

sayHello() {
  let objCopy = _.cloneDeep(this.state);
  objCopy.items.push('new item');
}

总结：只要用深克隆替代浅拷贝，你就能安全修改拷贝后的对象，完全不会影响原this.state，这个需求是完全可行的。

内容的提问来源于stack exchange，提问作者jack