JavaScript中Object的create和assign方法

朴灿烈づ我的快乐病毒、 2022-03-15 10:08 204阅读 0赞

### `Object.assign()` ###

这个方法是用于拷贝JSON对象的，复制对象的可枚举属性。

Object.assign(target, ...sources)

`target`是目标对象，`source`是原对象，返回目标对象。  
看例子：

let returnedValue = Object.assign({
         a: 1, b: 2 }, {
         c: 4, d: 5 });
    console.log(returnedValue);
    
    returnedValue = Object.assign({
        }, {
         e: 6, f: 7 });
    console.log(returnedValue);

输出：

> Object { a: 1, b: 2, c: 4, d: 5 }
    > Object { e: 6, f: 7 }

再看个例子：

const target = {
        };
    const source = {
         a: 1, b: 2 };
    
    const returnedTarget = Object.assign(target, source);
    
    console.log('target = ', target);
    console.log('returnedTarget = ', returnedTarget);

输出：

> "target = " Object { a: 1, b: 2 }
    > "returnedTarget = " Object { a: 1, b: 2 }

根据结果可以感受一下。

### `Object.create()` ###

创建新的对象，用法：

Object.create(proto, [propertiesObject])

`proto`是新创建对象的原型，返回一个新创建的对象，并且带有指定的原型对象和属性。

const student = {
        
      name: null,
      age: -1,
      printInfo: function () {
        
        console.log(`Hello ${
          this.name}, your age is ${
          this.age}.`);
      }
    };
    
    const stu1 = Object.create(student);
    console.log(stu1);
    
    stu1.name = "Tom";
    stu1.age = 22;
    stu1.printInfo();

输出：

> Object {  }
    > "Hello Tom, your age is 22."

发表评论取消回复

表情：

评论列表（有 0 条评论，204人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript学习总结之Object.assign()方法详解

最近再写ES6的文章时候发现自己对Object.assign()方法不太了解，之前也没有接触过所以就就查阅了相关的资料，为了自己以后肯能会用到以及对知识进行巩固，所以在这里记录

淡淡的烟草味﹌/ 2023年06月10日 09:28/ 0 赞/ 21 阅读

相关 Object.assign() 方法的使用详解

> `Object.assign()` 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。注意：会改变源对象语法： > Ob

深藏阁楼爱情的钟/ 2023年02月13日 11:11/ 0 赞/ 7 阅读

相关 javascript Object.create()函数

Object.create() 方法会使用指定的原型对象及其属性去创建一个新的对象。语法 Object.create(proto, [ propertiesOb

末蓝、/ 2022年06月10日 12:55/ 0 赞/ 156 阅读

相关 Object.assign() 方法详解

`Object.assign()` 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。语法 Object.assign(targ

川长思鸟来/ 2022年06月03日 06:16/ 0 赞/ 187 阅读

相关 Object中的assign方法

[学习阮一峰老师的教程][Link 1] Object.assign() 用于对象合并普通合并 <script> const ta

矫情吗；*/ 2022年04月25日 05:52/ 0 赞/ 171 阅读

相关 JavaScript中Object的create和assign方法

`Object.assign()` 这个方法是用于拷贝JSON对象的，复制对象的可枚举属性。 Object.assign(target, ...sources)

朴灿烈づ我的快乐病毒、/ 2022年03月15日 10:08/ 0 赞/ 205 阅读

相关 JS的33个概念—Object.assign()和Object.create()

1.Object.assign 定义 > Object.assign()主要是将所有可枚举属性的值从一个或多个源对象复制到目标对象，同时返回目标对象语法如下所示：

骑猪看日落/ 2021年11月26日 23:22/ 0 赞/ 353 阅读

相关 js方法之Object.assign()

语法 Object.assign(target,...sources) 基本用法 Object.assign 方法用于对象的合并，将源对象（sourc

雨点打透心脏的1/2处/ 2021年10月23日 07:51/ 0 赞/ 349 阅读

相关 Object.assign() 方法

`Object.assign()` 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 const target = { a: 1,

不念不忘少年蓝@/ 2021年09月19日 07:18/ 0 赞/ 354 阅读

相关 es6 javascript对象方法Object.assign()

一. 基本用法 Object.assign方法用于对象的合并，将源对象（ source ）的所有可枚举属性，复制到目标对象（ target ）。 var tar

ゞ浴缸里的玫瑰/ 2021年09月15日 05:28/ 0 赞/ 334 阅读