ES6扩展运算符的一个小技巧

当我们在使用对象和对象进行更新的时候 通常都是进行循环去判断。ES6有了 扩展运算符之后,我们 可以使用...来进行这个操作。

var a = {b:1,c:2,f:3}

var k = {b:2,c:4,g:5}

var dd = {
    ...a,
    ...k
}

//dd = {b:2,c:4,f:3,g:5}

当然我们也可以使用Object.assign()实现

var a = {b:1,c:2,f:3}

var k = {b:2,c:4,g:5}

var dd =Object.assign({},a,k)

//dd = {b:2,c:4,f:3,g:5}

我们也可以使用古老的方法(不推荐)但是兼容低版本浏览器

var a = {b:1,c:2,f:3}

var k = {b:2,c:4,g:5}

var dd = Object(a)

for (let nextKey in k) {
            // Avoid bugs when hasOwnProperty is shadowed
            if (Object.prototype.hasOwnProperty.call(k, nextKey)) {
               dd [nextKey] = k[nextKey];
            }
          }

 

你可能感兴趣的:(javascript)