es6中调用对象Obj，直接调用和{...Obj}有什么区别。

Question

见到这样的写法，比如引入一个对象Obj，然后对将gConfig赋值为该对象，代码如下

// Setting.js
export default {
    type:4,
    city:3,
    doman:'.baidu.com'
    ip:'10.40.3.20'
}

// Config.js
import Settings from './Setting'
const myConfig = {
    gConfig:{...Settings}  //就是这句话
}

gConfig:{...Settings}和gConfig:Settings这2种赋值方式有什么区别呢？请教~

Answer 1

第一种，myConfig.gConfig === Settings 为false
第二种, myConfig.gConfig === Settings 为 true

一般用第一种，是为了避免对myConfig.gConfig进行修改的时候，影响到Settings

Answer 2

假设 setting={key:1};
第一种 gConfig={key:1}
第二种 gConfig={setting：{key:1}}