Please enable JavaScript.

Coggle requires JavaScript to display documents.

자바스크립트 - Coggle Diagram

- - - - 먼저 전역 컨텍스트 하나 생성 후, 함수 호출 시마다 컨텍스트가 생깁니다.
      - 컨텍스트 생성 시 컨텍스트 안에 변수객체(arguments, variable), scope chain, this가 생성됩니다.
      - 컨텍스트 생성 후 함수가 실행되는데, 사용되는 변수들은 변수 객체 안에서 값을 찾고, 없다면 <스코프 체인>을 따라 올라가며 찾습니다.
      - 함수 실행이 마무리되면 해당 컨텍스트는 사라집니다.(클로저 제외) 페이지가 종료되면 전역 컨텍스트가 사라집니다.
      - 클로저
        
        외부함수보다 내부함수가 더 오래 유지되는 경우,
        외부 함수 밖에서 내부함수가 호출되더라도 외부함수의 지역 변수에 접근할 수 있는데 이러한 함수를 클로저(Closure)라고 부른다.
        
        사용이유
        
        정보 은닉
        
        private화 한것처럼 구현가능(외부함수에만 접근하기에)
        
        모듈화
        
        클로저 함수를 각각의 변수에 할당하면 각자 독립적으로 값을 사용하고 보존가능
        
        전역 변수 억제 가능
        
        전역으로 상태를 관리하면 누군가가 쉽게 변형할 수있음. 근데 즉시 실행함수를 이용해서 클로저로 관리하면 그럴 가능성이 전혀 없음(지역 변수의 이전 상태를 기억하지 못한다는 단점을 완전 제거함)
        
        상태 유지 가능
        
        지역 변수를 이용해서 매번 초기화 하지 않고 그저 내부 함수에 접근해서 그 변수를 이용해 값만 변경시키면 되므로 업데이팅도 가능하고 유지도 가능함.
    - - 첫 실행시 전역 컨텍스트(모든 걸 포함)가 생성됨 <페이지가 종료될 때까지 유지>
    - - 함수를 호출할때마다 함수 컨텍스트가 하나씩 생성
        
        호이스팅 : 함수 선언식과 함수 선언식이 최상단으로 끌어올려지는 현상
        
        var를 지양해야 하는 이유
        
        함수 표현식으로 작성하고나서 선언해야 하는 이유
  - - - 전역 변수 최대한 지양해야(변수가 섞일수 있기 때문)
      - 자바스크립트에서 제일 바깥 범위(함수 안에 포함되지 않은) <window 객체>에 변수를 만드는 것.
    - - 지역변수는 전역변수에 영향을 끼칠 수 없다.
      - 함수 스코프 내에 변수를 만듬