通俗易懂理解JavaScript对象之Object.create和Object.assign

作为一名非科班出身的野生程序员，一直对JavaScript的Object研究很少，虽然平时经常使用对象或者数组。

刚好今天在W3C复习JavaScript，郑州网站公司的菜鸟全栈开发工程师小游就和大家一起学习下。

JavaScript中所有的事物都是对象，比如：字符串，数组，数值，函数等等。此外JavaScript允许自定义对象。

对象只是一种特殊的数据，对象拥有属性和方法。

创建对象有两种方式，分别是：实例化Object和字面量；

实例化创建对象语法：var obj = new Object();

字面量创建对象语法：var obj = {name1:value1,name2:value2}

要讲到重点啦！！！

其实，我们今天是要重点研究一下Object的两个方法：Object.assign和Object.create;

Object的方法我自己平时用的少，说真的不怎么了解。

Object.assign()用法：

在MDN这个网站上，我们可以看到Object.assign()方法用于将多有可枚举属性的值从一个或者多个源对象分配到目标对象，它将返回目标对象；

这...我当时看的时候，也有点懵，先不慌，我们接着看语法！！！

Object.assign(target, ...sources)   //参数一为：目标对象； 参数二为：源对象；

看不懂接着看MDN提供的示例：

const obj = {a:1};

const copy = Object.assign({}, obj);

console.log(copy); // {a:1}

由上面的示例，我们可以这样理解，Object.assign()中的第二个参数也就是源对象就是我们要复制的对象，把源对象里面的属性和值填充到第一个参数(也就是目标对象中)。划重点：需要注意的是，assign是浅拷贝，因为拷贝的是(可枚举)属性和值。

Object.create()用法：

在MDN上是这样说的Object.create()方法用于创建一个新的对象，使用现有的对象来提供新创建的对象的__proto__。

乍一看，挺懵，我们直接上代码，如下：

到这里Object这两个方法我们学习完了，这两个方法串起来看下，有重点哦！！！

本文内容是我自己的理解加上控制台看到分析的结果，如有错误请大家见谅，郑州做网站可尚文化会一如既往的持续更新web开发技术，请大家继续关注！！！