대상 의 확장

1. 속성의 소개 표현 법 ES6 는 변수 와 함 수 를 직접 기록 하여 대상 의 속성 과 방법 으로 할 수 있 습 니 다.이런 글 씨 는 더욱 간단 하 다.

let foo = 'foo';
let obj = {foo};
console.log(obj)    //{foo:'foo'}

속성 약자 외 에 방법 도 약자 로 쓸 수 있다.

const o = {
  methods(){
    return 'heool'
  }
}

2. 속성 명 표현 식 javascript 정의 대상 의 속성 은 두 가지 방법 이 있 습 니 다.

//   
obj.foo = true;
//   
obj['a' + 'b'} = 123;
                    ，             ，             。

단, 글자 양 정의 대상 (대괄호 사용) 을 사용 하면 ES5 에 서 는 방법 1 (식별 자) 만 속성 을 정의 할 수 있 습 니 다.

let obj = {
  a:1,
  b:2
}
ES6          ，    （   ）        ，           。
let foo = 'foo';
let obj = {
    ['a']:1,
    ['b']:2
}

표현 식 은 방법 명 을 정의 하 는 데 도 사용 할 수 있 습 니 다.

let obj = {
    ['h' + 'ello'](){
      return 'hi';
    }
}
obj.hello()    //hi

3. 방법의 name 속성 함수 의 name 속성, 함수 명 을 되 돌려 줍 니 다.대상 방법 도 함수 이기 때문에 name 속성 도 있 습 니 다.

let person = {
  sayName(){
    console.log('hello!')
  }
}
person.sayName.name    //'sayName'

4. 속성의 매 거 성과 옮 겨 다 니 기

let obj = {1:'a',2:'b'}
console.log(Object.keys(obj))    //[1,2]

5. 대상 의 확장 연산 자 재 구성 할당 대상 의 재 구성 할당 값 은 한 대상 에서 값 을 추출 하 는 데 사 용 됩 니 다. 대상 자체 의 모든 옮 겨 다 닐 수 있 지만 읽 힌 속성 을 지정 한 대상 에 배분 하 는 것 과 같 습 니 다.모든 키 와 값 은 새 대상 에 복 사 됩 니 다.

let {a,b,c} = {a:1,b:2,c:3,d:4,e:5}
console.log(a,b,c)    //1,2,{c:3,d:4,e:5}

연산 자 대상 을 확장 하 는 확장 연산 자 (...) 는 매개 변수 대상 의 모든 속성 을 추출 하여 현재 대상 에 복사 할 수 있 습 니 다.

let z = {a:1,b:2}
let n = {...z}
n    //{a:1,b:2}

배열 은 특수 한 대상 이기 때문에 대상 의 확장 연산 자 는 배열 에 도 사용 할 수 있다.

let foo = {...['a','b','c']}
foo
//{0: "a", 1: "b", 2: "c"}

대상 통합

let z = {a:1,b:2}
let y = {c:3,d:4}
let zy = {...z,...y}
console.log(zy)    //{a: 1, b: 2, c: 3, d: 4}