Object.assign()用法和特性

首先瞧瞧es6官方文档的解释

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

简单来说，就是Object.assign()是对象的静态方法，可以用来复制对象的可枚举属性到目标对象，利用这个特性可以实现对象属性的合并。

简单来说Object.assign()就是一个对象的拷贝方法

用法

以下是vue中的用法

const defaultUser = {username: "",name: "",mobile: "",password: "",remark: "",
};
export default {data() {return {// 将源对象拷贝到目标对象user上user: Object.assign({}, defaultUser),//目标对象}}}

特点

1.当目标对象和源对象中有重名属性时后面的属性值会覆盖前面的属性值，也就是说拷贝的源对象里的属性值会将目标对象里的重名的属性值覆盖掉；

2.拷贝多个源对象时，没重复的属性会按序拷贝到目标对象，同理后面的重复属性也会覆盖前面的属性；

3.针对深拷贝，需要使用其他办法，因为 Object.assign()拷贝的是属性值。假如源对象的属性值是一个对象的引用，那么它也只指向那个引用；

4.目前IE是不兼容此方法的，如果需要兼容建议不要使用

本文部分引用该文章Object.assign用法_奥飞Aurora的博客-CSDN博客_object.assign详情请看此处

csdn文章推荐受影响解决办法10个字10行

Object.assign()用法和特性相关推荐

Object.create()和Object.assign()
一.Object.create() 该方法用于创建一个新对象,并为其指定原型对象和属性. 语法:Object.create(prototype,description); proto:(必须),表示新 ...
ES6实用方法Object.assign、defineProperty、Symbol
文章目录 1.合并对象 - Object.assign() 介绍进阶注意用途 2.定义对象 - Object.defineProperty(obj, prop, descriptor) 3.新数 ...
es6之扩展运算符 Object.assign和三个点（...）
一.导读 ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版. ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里 ...
浅谈Object.assign
Object.assign是ES6新添加的接口,主要的用途是用来合并多个JavaScript的对象. Object.assign()接口可以接收多个参数,第一个参数是目标对象,后面的都是源对象,ass ...
理解Object.assign
本节内容我们继续探讨关于ES2015的一些新的内容,Object.assign函数的使用,使用该函数我们可以快速的复制一个或者多个对象到目标对象中,本文内容涉及es6,es7相关的对象复制的内容,以及 ...
Object.assign用法
一.Object.assign是什么? 首先了解下Object.assign()是什么.我们先看看ES6官方文档是怎么介绍的? Object.assign() 方法用于将所有可枚举属性的值从一个或多个 ...
Object.assign的用法
该方法用于将所有可枚举属性的值从一个或多个源对象(sources)分配到目标对象(target),并返回目标对象. Object.assign就是ES6新添加的接口,主要的用途是用来合并多个JavaS ...
前端Object.assign
使用场景: 当在某种情况下,我们需要给后端传一个json字符串,数据是通过前端添加一个表单对象push到某一个数组里面.例如: 但是如果单纯的写数组push对象时,会存在一个问题,就是每次最新添加的数 ...
【一语点醒梦中人】如何优雅地合并两个JSON对象 → Object.assign(a, b)和Object.assign({}, a, b)的区别
var a = {a: 1}; var b = {b: 2}; var c = Object.assign(a, b);/* a对象也会改变,b不变,返回被被修改对象 */ var d = Objec ...

Object.assign()用法和特性

Object.assign()用法和特性相关推荐

最新文章

热门文章