JavaScript克隆对象怎么不影响本身 举出例子

JavaScript中可以使用 `Object.assign()` 方法来克隆一个对象，该方法会将源对象的属性值复制到目标对象中，返回一个新的对象。这个过程中，源对象不会被修改。

下面是一个例子：

let obj1 = { name: 'Alice', age: 20 };
let obj2 = Object.assign({}, obj1);

obj2.name = 'Bob';

console.log(obj1); // { name: 'Alice', age: 20 }
console.log(obj2); // { name: 'Bob', age: 20 }

在这个例子中，我们使用 `Object.assign()` 方法将 `obj1` 对象克隆到 `obj2` 对象中。然后，我们将 `obj2` 对象的 `name` 属性修改为了 `'Bob'`。最后，我们输出了 `obj1` 和 `obj2` 对象的内容。可以看到，`obj1` 对象的内容并没有受到改变，仍然是 `{ name: 'Alice', age: 20 }`。而 `obj2` 对象的内容则是 `{ name: 'Bob', age: 20 }`。这说明了克隆对象不会影响本身。

相关问题

JavaScript设置对象的不可拓展

要设置JavaScript对象为不可扩展，可以使用Object.preventExtensions()方法。这个方法会让对象变为不可扩展，即不能添加新的属性或方法。例如：

const myObj = {
  prop1: 'value1',
  prop2: 'value2'
};

Object.preventExtensions(myObj);

// 不能添加新属性或方法
myObj.prop3 = 'value3'; // 不起作用

注意，这个方法只能防止添加新属性或方法，但已有的属性和方法仍然可以被修改或删除。如果想要完全禁止改变对象，可以使用Object.freeze()方法。

对象的深克隆javascript实现

### 回答1：
在 JavaScript 中，深克隆一个对象通常可以通过递归实现。具体来说，需要遍历对象的每一个属性，如果某个属性是对象或数组，那么需要递归地进行深克隆，否则直接将其赋值给新对象即可。

以下是一个简单的深克隆实现：

function deepClone(obj) {
  if (obj === null || typeof obj !== "object") {
    // 如果不是对象或数组，则直接返回
    return obj;
  }

  const clone = Array.isArray(obj) ? [] : {}; // 判断是数组还是对象

  // 遍历每个属性并递归克隆
  for (let key in obj) {
    clone[key] = deepClone(obj[key]);
  }

  return clone;
}

这个函数可以接受任何类型的对象作为参数，并返回一个深克隆后的对象。需要注意的是，该函数有一些限制：

- 该函数不支持循环引用，如果原对象中有循环引用，将会导致栈溢出错误。
- 该函数不会克隆对象的原型链，只会克隆自身的属性。

因此，在使用这个函数时需要注意它的限制。如果需要处理循环引用或者原型链，需要使用更为复杂的实现。

### 回答2：
在JavaScript中实现对象的深克隆，可以通过以下步骤实现：

1. 创建一个函数，命名为deepClone，该函数将接收一个参数obj，表示需要克隆的对象。

2. 首先判断obj的类型，如果obj是基本数据类型或者是null，则直接返回该值，因为基本数据类型是按值传递的，不存在引用关系。

3. 创建一个变量cloneObj，用于保存克隆后的对象。

4. 遍历obj的属性，使用for...in循环遍历obj的所有可枚举属性。

5. 在遍历的过程中，判断obj的属性值的类型，如果属性值是对象或者数组，则递归调用deepClone函数进行深克隆，将返回的克隆值赋给cloneObj的对应属性。

6. 如果属性值是基本数据类型或者是函数，则直接赋值给cloneObj的对应属性。

7. 最后，返回cloneObj，即为深克隆后的对象。

以下是一个实现深克隆的代码示例：

function deepClone(obj) {
if (obj === null || typeof obj !== "object") {
return obj;
}

let cloneObj = Array.isArray(obj) ? [] : {};

for (let key in obj) {
if (Object.prototype.hasOwnProperty.call(obj, key)) {
cloneObj[key] = deepClone(obj[key]);
}
}
return cloneObj;
}

使用方法如下：

const obj = {
name: "Alice",
age: 20,
hobbies: ["coding", "reading"],
address: {
city: "Beijing",
country: "China"
}
};

const clonedObj = deepClone(obj);
console.log(clonedObj);
上述代码能够将obj深克隆得到一个独立的对象clonedObj，两者完全独立，修改其中一个对象不会影响另一个对象。

### 回答3：
对象的深克隆是指将一个对象完全复制一份，并且新对象与原对象没有任何引用关系。Javascript实现对象的深克隆可以通过以下步骤：

1. 创建一个空的目标对象，用于存储克隆后的对象。
2. 遍历原始对象的属性，使用递归的方式克隆每个属性的值。
3. 对于原始对象的每个属性，判断其类型：
- 若为基本数据类型（如字符串、数字、布尔值等），直接复制到目标对象。
- 若为引用类型（如对象、数组等），则需要再次进行克隆操作。
4. 对于引用类型的属性，根据其具体类型进行不同的处理：
- 若为数组，创建一个新的空数组，并遍历原数组，递归地将每个元素克隆到新数组中。
- 若为对象，创建一个空对象，并遍历原对象的属性，递归地将每个属性值克隆到新对象中。
5. 将克隆后的属性值赋值给目标对象对应的属性。
6. 最后返回目标对象，完成深克隆操作。

下面是一个简单的Javascript代码示例：

function cloneObject(source) {
let target = {};

for(let key in source) {
if(typeof source[key] === 'object' && source[key] !== null) {
if(source[key].constructor === Array) {
// 克隆数组
target[key] = source[key].map(item => cloneObject(item));
} else {
// 克隆对象
target[key] = cloneObject(source[key]);
}
} else {
// 复制基本数据类型
target[key] = source[key];
}
}

return target;
}

使用该函数进行对象的深克隆：

let obj1 = {a: 1, b: {c: 2}};
let obj2 = cloneObject(obj1);

console.log(obj2); // 输出: {a: 1, b: {c: 2}}
console.log(obj1 === obj2); // 输出: false