Imersive 나란 멍청이(feat.hawsa)

chltndid724·2019년 7월 27일
0

immersive

목록 보기
2/22
post-thumbnail

나의 무지함은 무한루프

두번째 스프린트를 끝내고 다시 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);
profile
힘들땐 블로그 하나더 적자!!![ Suyang ]

0개의 댓글