음악, 삶, 개발

객체안에 함수 집어넣기 본문

개발 Web/JS

객체안에 함수 집어넣기

Lee_____ 2021. 1. 1. 04:28

보통 객체안에 무언가를 집어넣을때는 key 와 value 가 필요하다.

const o = { myKey : 'myValue!'}

위의 상황에서,  value 를 제거하고

const o = { myKey }

하게되면, 

Uncaught ReferenceError: myKey is not defined

라는 에러가 발생한다.

 

하지만 아래와 같은 대입은 할수있다.

const one   = 1
const two   = 2
const three = 3

const o = { one, two, three }

console.log(o) // { one : 1, two : 2, three : 3}

 

위의 코드에서는 앞서, 여러 변수들을 각각 정의하였고,

이 변수명을 고대로 객체안에 집어넣었는데,

이때는 결과적으로 변수명이 해당 객체의 key 로 자동으로 편입되게된다

꽤나 편리한 기능이다..

 

이 방식을 사용해 함수를 대입할수있다. 함수도 객체이기때문이다.

const a = () => { console.log('a!') }
const b = () => { console.log('b!') }

const f = { a, b }

이때 이 함수 객체를 호출하려면..

f.a() // 'a!'
f.b() // 'b!'

가 된다.