Imersive 나란 멍청이(feat.hawsa)

나의 무지함은 무한루프

두번째 스프린트를 끝내고 다시 Js 다시 한번 정리하면서 공부하기

비구조화 할당

const korea = {
	city : "busan",
   food : "lamian",
   }
 
 const china = {
   city : "beijing",
   food : "jiaoZi",
 }
 
 function print(country) {
   const text = `저의 사는 곳은 ${country.city}이고 ${country.food}를 좋아합니다.`
   console.log(text);
 }
 print (korea)

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

비구조화 할당하면 print 함수를 이렇게 변화됩니다.
	function print (country) {
     const { city, food } = country;
     const text = `저의 사는 곳은 ${city}이고 ${food}를 좋아합니다.`
     console.log(text);
   }
이렇게 변환이 됩니다.

더 나아가서 pritn를
	print ( { city, food } ) 
		로도 바꿀수가 있습니다.

getter // setter

• getter - 특정 값을 조회할때

  		const num = {
      a : 3,
      b : 5, 
      get sum() {
        console.log('실행되는중');
        return this.a + this.b;
      }
    };
  
  		console.log(num.sum); // 8
  		num.b = 7;
  		console.log(num.sum); // 10
  
  		num.sum() 이렇게 소괄호로 실행 시키는 것이 아닌 num.sum 참조처럼 만해도 바로 실행이 됩니다.
    

* setter - 특정 값을 설정할때

```javascript
setter 삼수는 매개변수로 인자를 무조건 받아온다. 그리고 구분이 가도록 _ 언더바를 사용한다.
	const lion = {
    	_name : '심바',
        set name(value) {
       		console.log('이름이 변경됩니다.' + value);
            this._name = value;
       }
     };
     
     console.log(lion._name);
     lion._name = '티몬'
     console.log(lion._name);