let name = '一碗周'
let job = '前端攻城獅'

// 屬性表示法 直接寫入變量
let obj1 = {
  name,
  job,
  sayMe() {
    console.log(name)
  }
}
// 等同于 
let obj2 = {
  name: name,
  job: job,
  sayMe: function() {
    console.log(name)
  }
}
console.log(obj1, obj2);

// 方法一
obj.foo = true;
// 方法二
obj['a'+'bc'] = 123;

let person = {},
  lastName = "last name";

person["first name"] = "Nicholas";
person[lastName] = "Zakas";
console.log(person["first name"]);      // "Nicholas"
console.log(person[lastName]);          // "Zakas"

let person = {
  "first name": "Nicholas"
};
console.log(person["first name"]);      // "Nicholas"

let p = {
  name : '李四',
  age : 20
}
let attName = 'name';
console.log(p[attName]) //這里 attName表示的是一個(gè)變量名。
// 李四

let attName = 'name';
  let p = {
    attName : '李四',  // 這里的attName是屬性名，相當(dāng)于各級(jí)p定義了屬性名叫 attName的屬性。
    age : 20
  }
console.log(p[attName])  // undefined

let attName = 'name';
  let p = {
    [attName] : '李四',  // 引用了變量attName。相當(dāng)于添加了一個(gè)屬性名為name的屬性
    age : 20
  }
console.log(p[attName])  // 李四

Object.is(value1, value2);

console.log(+0 === -0); //true
console.log(NaN === NaN); // false

console.log(Object.is(+0, -0)); // false
console.log(Object.is(NaN, NaN)); // true

Object.assign(target, ...sources)

let sources = {
  name: '一碗周',
  job: '前端攻城獅'
}
let target = {}
// 使用 assign() 方法所有可枚舉屬性的值從一個(gè)或多個(gè)源對(duì)象分配到目標(biāo)對(duì)象。
Object.assign(target, sources)
console.log(target);
// 驗(yàn)證是否為深復(fù)制
target.name = '一碗粥'
console.log(target, sources); //{ name: '一碗周', job: '前端攻城獅' } { name: '一碗粥', job: '前端攻城獅' }

// 定義一個(gè)要作為原型對(duì)象的對(duì)象
const proto = {
  v: 'Hello'
}
// 定義一個(gè)對(duì)象
const obj = {
  v: 'World',
  printV1() {
    console.log(this.v);
  },
  // 使用 super 關(guān)鍵字
  printV2() {
    console.log(super.v);
  }
}
// 將obj 對(duì)象的原型修改為 prtot
Object.setPrototypeOf(obj, proto)
// this 的用法
obj.printV1() // World
// super 的用法
obj.printV2() // Hello

// 對(duì)象的擴(kuò)展運(yùn)算符（...）用于取出參數(shù)對(duì)象的所有可遍歷屬性，拷貝到當(dāng)前對(duì)象之中。
let obj = {
  name: '一碗周',
  job: '前端攻城獅'
}
let newObj = {
  ...obj
}
console.log(newObj); // { name: '一碗周', job: '前端攻城獅' }
// 驗(yàn)證是否為深復(fù)制
newObj.name = '一碗粥'
console.log(obj, newObj); // { name: '一碗周', job: '前端攻城獅' } { name: '一碗粥', job: '前端攻城獅' }

let arr = [1, 2, 3, 4, 5]
let obj = {
  ...arr
}
console.log(obj); // { '0': 1, '1': 2, '2': 3, '3': 4, '4': 5 }

console.log(
  {
  ...1 // 等同于 {...Object(1)}
  }
); // {}
console.log(
  {
  ...true // 等同于 {...Object(true)}
  }
); // {}
console.log(
  {
  ...undefined // 等同于 {...Object(undefined)}
  }
); // {}
console.log(
  {
  ...null // 等同于 {...Object(null)}
  }
); // {}