[D+09] Java Script 개념

 

 

D+09

-  Java Script 개념과 개발자 도구 사용 준비 -

(Scope, Closure, 객체지향 프로그래밍)

 

---

 

 

Scope

•변수에 접근할 수 있는 유효 범위로 어디서부터 어디까지 유효한 지를 판단하는 범위라 볼 수 있다.

 

 

Global Scope 와 Local Scope

•Global Scope

  전역에 선언되어 있기 때문에 어느 곳이든 해당 변수에 접근이 가능하다.

 

• Local Scope

  해당 지역에서만 접근이 가능하므로 해당 지역 밖을 벗어날 수 없다.

  지역 변수는 함수 내에서 전역 변수보다 더 높은 우선순위를 가진다.

 

 

Function Scope 와 Block Scope

•Function Scope

  함수코드의 블록 내에서 선언된 변수는 해당 함수 코드 블록 코드에서만 유효하고 외부에서는 유효하지 않다.

 

• Block Scope

  중괄호로 구분되는 블록 범위

 

 

Scope 특징

• 지역 스코프에서 바깥 변수와 함수를 접근하는 것이 가능하지만 바깥쪽에서 안쪽 변수 함수를 접근하는 것은 불가능하다.

 

• 함수가 선언되는 동시에 자신만의 스코프를 가지게 된다.

 

• 함수안에 함수를 집어넣을 수 있기 때문에 중첩이 가능하다.

 

 

let / const / var

	let	const	var
유효범위	Block Scope	Block Scope	Function Scope
값 재정의	가능	불가능	가능
재선언	불가능	불가능	가능 (단, 에러발생 가능성)

 

 

전역범위를 대표하는 객체 Window

• 글로벌 스코프에서 선언된 함수와 var키워드를 사용해 선언된 변수는 window 객체와 연결이 된다.

 

• 객체 선언으로 중복된 정보들로 추후에 작업 시 충돌로 인해 원하는 방향으로 나오지 않을 수 있으니 가급적 전역 범위에 너무 많은 선언을 하지 않도록 해야 한다.

 

 

선언 없이 초기화된 전역 변수?

선언 키워드 (let, const, var) 없이 변수를 가급적 초기화하지 않도록 한다.

 

왜냐하면 이럴 경우 변수가 전역 변수로 취급되어 버리기 때문에 마찬가지로 추후에 에러가 발생할 수 있다.

 

이를 예방하기 위해 문자열로 'use strict'을 입력해 주면 스트릭트 모드를 사용하게 되며 

변수를 키워드 선언 없이 초기화한 내용이 있을 시에 에러를 발생시켜 준다.

 

 

---

Closure

• 외부 함수의 변수에 접근할 수 있는 내부 함수

 

커링

•함수 하나가 n개의 인자를 받는 대신에 n개의 함수를 만들어 각각 인자를 받게 하는 방법으로 외부 함수의 변수가 저장되어 마치 템플릿 함수와 같이 사용 가능하다.

 

클로저 모듈 패턴

•변수를 스코프 안쪽에 가두어 함수 밖으로 노출시키지 않는 방법

 

 

---

객체지향 프로그래밍

• 하나의 모델이 되는 청사진(blueprint)을 만들고 , 그 청사진을 바탕으로 한 객체(object)를 만드는 프로그래밍 패턴

 

• 자바스크립트에서 청사진(blueprint)은 클래스(Class)라 하고, 객체(object)를 인스턴스(instance)라고 한다.

 

 

클래스 선언

•함수 하나가 n개의 인자를 받는 대신에 n개의 함수를 만들어 각각 인자를 받게 하는 방법으로 외부 함수의 변수가 저장되어 마치 템플릿 함수와 같이 사용 가능하다.

 

 

인스턴스 만들기

• new 키워드를 통해 클래스의 인스턴스를 만들어 낼 수 있다.

 

• 각각의 인스턴스는 클래스의 고유한 속성과 메서드를 가진다.

 

 

속성과 메소드

• 속성 : 제품으로 따지자면 속성은 제품의 브랜드, 이름, 가격 등 제품이 지닌 특징과 같은 것이다.

 

• 메소드 : 제품으로 따지자면 클래스를 통해 하고자 하는 액션이다.

 

 

클래스 속성 정의