21.01.26

💡

원시/참조 자료형, 스코프, 클로저

• 원시 자료형은 stack에 값을 저장하지만, 참조 자료형은 heap이라는 별도의 메모리 저장 공간을 사용하며 그 주소 값을 변수에 넣는다. 그래서 참조 자료형을 원 변수가 아닌 다른 변수에 넣어서 수정하더라도 원본값이 변경된다. (바로 가기의 바로 가기만 복사되는 개념)
  
  

• const는 변하지 않아야 하는 값을 할당해야 할 때 쓴다. 재할당이 불가능하다.
  
  

• Scope : { } 안의 범위.

	let	const	var
유효 범위	Block scope	Block scope	Function Scope
값 재정의	가능	불가능	가능
재선언	불가능	불가능	가능

• var는 같은 이름으로 재선언이 가능하기 때문에 오류를 일으킬 수 있다. let 사용하기.
  
  

• 함수 내부에서 변수 선언 없이 값을 할당할 경우 전역 변수에도 영향을 줄 수 있기 때문에 선언 없이 사용하지 말 것. 실수를 방지하는 기능을 사용하고 싶을 경우 Strict Mode 적용. 코드 가장 상단에'use strict';
  
  

• 참조 자료형의 ===(strict equality)는 주소 값이 같은지를 확인한다. 그렇기 때문에 console.log([1,2,3] === [1,2,3]); 의 결과는 false가 나온다. 배열([])과 객체({}) 등 참조 자료형을 읽을 때, 미리 주소 값과 메모리값을 잡아둔다고 생각하자. 그러므로 [] === [] 도 true가 나오지 않는다.
  
  

• ...something rest parameter, spread syntax라고 부른다. 함수의 인자 부분에 쓸 수 있다. (function someWork(...args)) 모든 인자를 펼쳐서 배열에 담는다. (배열을 값으로 넣어도 펼치기 때문에 배열 안의 배열이 아닌 하나의 배열이 된다. 아래 참고.) MDN 전개 구문

  let arr = ['code', 'states']
  let value = [
      ...arr,
      'pre',
      ...['course', 'student']
    ]
  
    // value 값
    ['code', 'states', 'pre', 'course', 'student']

  
  

• Closure: 외부 함수의 변수에 접근할 수 있는 내부 함수. 또는, 이러한 작동 원리. 변수에 각각 저장해 사용할 경우 재사용이 용이하다. MDN 클로저

  • 커링
    함수 하나가 n개의 인자를 받는 대신, n개의 함수를 만들어 각각 인자를 받게 하는 방법. 외부 함수에 변수를 넣은 상태를 저장하여 템플릿 함수와 같이 사용 가능하다.
    (ex. html 태그 생성 함수. 외부 함수는 <tag>, </tag>와 같이 변수 tag를 입력한 태그를 형성하는 함수이고, 내부 함수는 외부 함수에서 형성한 태그를 입력한 문자열 앞뒤에 붙여주는 기능. 사용할 때는 외부 함수만 변수에 할당해 사용한다. let tagMaker = html Maker('tag'), tagMaker())
  • 클로저 모듈 패턴
    변수를 스코프 안쪽에 가두어 함수 밖으로 노출하지 않는 방법. 변수가 반드시 어떤 형태의 값이어야 할 때, 이상한 값이 들어가는 걸 방지할 때 간접적으로만 조절이 가능하도록 한다.
    (ex. 함수 내부에 counter 값을 두고 increse, decrese, getValue 등 내부 함수를 이용해 counter 값을 조정하고 불러오는 함수. 리턴값을 return {function1: function() { }, {function2: function() { }} 처럼 함수를 담은 객체로 설정, 변수에 외부 함수를 할당하고 변수이름.function1()로 접근해 사용한다.)
    
    
    

---

　

📝

객체에 대해 어느 정도 숙지했다고 생각했는데, 막상 코플릿으로 과제를 해보니 활용 능력이 형편없었다. 어떻게 더 연습해볼 수 있을까? 🤔 obj[key] 형태가 값을 의미한다는 걸 머리로는 알고 있는데 여러 자료형을 섞어서 쓸 때는 객체는 분리해서 사용할 수 없다는 인식이 박혀버린 것 같다. (아마 객체는 값을 모두 확인하려면 for...in 만 써야 한다는 사실에 너무 사로잡힌 듯.) 일단 for 문 루프로 obj[str[i]] += 1 형식으로 접근해도 값을 조절할 수 있다는 것 기억해두기. (객체 21번 여러 번 복습!)