본문 바로가기

전체 글

 (104)
<자바스크립트 Javascript> const 키워드 - const 키워드 const는 변하지 않는 값인 상수를 위해 사용되나, 반드시 상수의 경우에만 사용하는 것은 아니다. const 키워드는 let 키워드와 그 특징이 대부분 동일하다. - 선언과 초기화 const이 let과 동일한 점으로는 블록 레벨 스코프를 갖는다는 것이다. let과 다른 점은, let이 재할당이 자유로운 데 비해, const는 상수라는 특성으로 인해 재할당이 불가하다는 것이다. 또한, const는 반드시 선언과 동시에 할당이 이루어져야 한다. - 상수의 사용 const 키워드로 선언한 상수는 가독성과 유지보수의 편의성 때문에 적극적으로 그 사용이 권장된다. 또한 const는 객체에도 사용이 가능하며, 이 때에도 재할당은 불가하다. - const와 객체 앞서 언급한 것처럼 const는..
<자바스크립트 Javascript> let 키워드 (2) (+ 클로저) - 클로저의 사용 for 반복문의 초기화 식에 사용된 변수에 var 키워드를 적용하면, 이것이 전역 스코프가 되어 의도와 다른 결과를 출력하게 된다. 이를 해결하기 위해 클로저를 사용할 수 있다. 하지만 var 키워드 대신 let 키워드를 사용하면, 클로저를 사용하지 않고도 의도한 결과 출력이 가능하다. for 반복문의 초기화 식에서 let 키워드로 선언한 변수는 지역 변수로서 작용하게 되기 때문이다. *클로저(closure)란? 클로저는 자바스크립트 고유의 개념은 아니다. 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 중요하게 다뤄지는 특징이다. 예로, 외부함수 내에 내부함수를 선언하였을 때에 내부함수는 외부함수에 포함되는 관계를 갖는다. 따라서 보통의 경우 외부함수가 종료되면 내부함수 역시 ..
<자바스크립트 Javascript> let 키워드 (1) - 함수 레벨 스코프 v.s. 블록 레벨 스코프 함수 레벨 스코프는 함수를 기준으로, 블록 레벨 스코프는 블록을 기준으로 변수의 유형이 결정된다. 즉, 함수 레벨 스코프는 함수 내에서 선언되면 지역 변수로 함수 외부에서 선언되면 전역 변수로 취급하고, 블록 레벨 스코프는 모든 코드 블록 내부에서 선언된 변수를 지역 변수로 취급한다. 자바스크립트는 이 중 함수 레벨 스코프를 따른다. - 블록 레벨 스코프를 따르는 let 기존의 var 키워드로 선언된 변수는 함수 레벨 스코프를 따른다. 그러나 ES6부터는 let 키워드가 추가되면서, let 키워드로 선언된 변수는 블록 레벨 스코프를 따르게 되었다. - let 키워드의 특징 1) 변수 중복 선언 불가능 기존의 var 키워드에서 변수 이름을 중복으로 선언이 가..
<자바스크립트 Javascript> var 키워드의 단점 - var 키워드 특징 1) 함수 레벨 스코프 함수의 코드 블록만을 스코프로 인정하기 때문에, 전역 함수 외부에서 생성된 변수는 모두 전역 변수가 되어 전역 변수가 남발될 위험성이 있다. 또한, for 문의 변수 선언문에서 선언한 변수는 for 문의 코드 블록 외부에서 참조가 가능하다. 2) var 키워드의 생략 암묵적 전역 변수를 양산할 수 있다. 3) 변수 중복의 허용 의도하지 않은 변수값의 변경이 일어날 수 있다. 4) 변수 호이스팅 변수 선언 이전에 참조가 가능하다. 위와 같은 특징들이 있지만 가장 큰 위험성은 전역 변수의 사용에 존재한다. 전역 변수는 유효 범위가 넓어 사용 위치와 사용된 이유의 파악이 어렵고, 의도치 않게 변경될 가능성이 있어 복잡성을 증가시키기 때문이다. ECMA Script..
<자바스크립트 Javascript> 프로토타입(Prototype) - 프로토타입이란? 자바스크립트는 객체지향 프로그래밍 언어지만, 다른 객체지향 프로그래밍 언어들이 클래스 기반인 것과 달리 프로토타입을 기반으로 한 객체지향 프로그래밍 언어이다. 프로토타입이라 함은, 부모 객체를 가리킨다. 즉, 모든 객체는 부모 객체를 가지고 있으며, 따라서 부모 객체의 프로퍼티 또는 메서드를 상속받아 사용할 수 있는데 이런 부모 객체를 가리켜 프로토타입 객체 혹은 프로토타입이라 칭한다. 참고 : poiemaweb 웹사이트

티스토리툴바