文章介绍了JavaScript中三种添加对象到另一个对象的方法：直接赋值、使用Object.assign函数以及ES6的展开运算符。直接赋值会添加新属性，而Object.assign和展开运算符在合并时，如果属性重复，后面的属性会覆盖前面的。 摘要生成于 ，由 DeepSeek-R1 满血版支持，

实际工作学习中我们经常会遇到需要 将一个对象添加到另一个对象中 去，

在js对象里面添加对象有三种方式: 直接添加，Object.assign（） ,展开运算符（...）

1. 直接添加：

let obj = {
  name: 'Tom'
obj.age = 8
console.log(obj);    //输出结果为{ name: 'Tom', age: 18 }

2.Object.assign()

let obj1 = { a: 1, b: 2 ,c:3}
let obj2 = { c: 3, d: 4 }
const obj = Object.assign(obj1, obj2)
console.log(obj);  //输出内容为：{ a: 1, b: 2, c: 3, d: 4 }

3. es6新增的展开运算符（...）

let obj1 = { a: 1, b: 2 ,c: 3}
let obj2 = { c: 3, d: 4 }
let obj = { ...obj1, ...obj2 }
console.log(obj);  //输出结果为：{ a: 1, b: 2, c: 3, d: 4 }
需要注意的是，使用Object.assign()和展开运算符（...）,重复添加的属性会直接省略
  <input type="text" id="txtPrice" name = "txtPrice" value = "0"/>
现在我们为其动态添加一事件，JS核心代码如下：
document.getElementById("txtPrice").attachEvent('onblur', function (){alert('添加事件成功！')});
有时候为了实现不同浏览器之前的兼容，我们会这样写：
Code highlighti
    var value = 175;
    obj[key] = value;
    console.log(obj); // {name: "张三", age: 18, height: 175}
    // 第二种方法
    ...
				
JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创建对象的方式，他们也各有优缺点。
一、工厂模式可以无数次调用这个工厂函数，每次都会返回一个包含两个属性和一个方法的对象。工厂模式虽然解决了创建多个相似对象的问题，但是没有解决对象识别问题，即不能知道一个对象的类型。
二...