Dev. Front-End/JavaScirpt (12) 썸네일형 리스트형 [Javascript] 클로저 (Closure) ● 클로저란? : 지역변수를 남겨두는 현상이라고 부르기도하고, 리턴된 함수 자체를 클로저라고도하며, 정의가 워낙 다양하기에 아래 예제를 통해 설명드리겠습니다. ● 클로저 조건 - 반환되는 내부 함수는 외 부 함수의 실행환경에서 실행됩니다. - 내부 함수가 익명 함수로 되어 외부 함수의 return값으로 사용되어야 합니다. - 내부 함수에서 사용되는 변수는 외부 함수의 변수 스코프에 있어야 합니다. function test(name){ var output = 'Hello ' + name +'!'; } console.log(output); 아마 출력에서 오류가 발생하게 됩니다. 함수안에 있는 output변수는 지역변수이므로 함수 외부에서 사용할수없기에 오류가 발생합니다. 지역변수는 함수가 실행 될.. [Javascript] let, const, var (var과 let의 차이점) ES6와ES5 ● 식별자에 값을 넣을 때 사용하는 키워드 ES5까지는 var키워드밖에 없었습니다. ES6부터 let과 const 키워드의 개념이 추가되었습니다. 모두 기본적인 사용방법은 같지만, 위의 표와같이 변수와 상수 그리고 스코프,재선언을 구분하며 사용합니다. ES6에서 상수가 생긴 이유는 성능 향상때문입니다. 상수는 변할 가능성이 없기에 처리해야 할것이 줄어들었습니다. ( 변수는 저번편에서 자세히 말씀드렸기에 간단하게 말씀드리겠습니다. ) * 변수 : 변할 수 있는 값 (변경가능) * 상수 : 변하지 않는 고정값 (즉, 변경 불가) ● var와 let의 차이 예시 1) //전역 스코프 { // 스코프 A { //스코프 B } } 예시 1을 보면 일반적으로 특정 스코프 안에서 선언한 변수는 해당 스코프.. [Javascript] 변수 (복합대입연산자, 증감연산자, typeof, undefined) ● 변수 : 값을 저장할 때 사용하는 식별자 입니다. 숫자 자료형 뿐만 아니라 모든 자료형을 저장할수있습니다. "var"키워드 뒤에 식별자를 쓰면 해당 식별자는 변수가 됩니다. var라는 키워드 뒤에 pi라는 식별자를 두면 그게 변수가됩니다. 그리고 alert 출력으로 pi변수를 매개변수 안에넣으면 해당 값이 출력됩니다. ● 복합 대입 연산자 : 대입 연산자와 다른 연산자를 함께 사용하는 연산자입니다. num변수를 선언해주고, 10의 값을 저장해줍니다. num+=10은 num=num+10과 같은 식입니다. 그렇기에 현재 num변수에 10의 값이있기에 10+10이 되서 20이 출력됩니다. ● 증감 연산자 : 복합 대입 연산자를 약간 간략하게 사용한 형태입니다. var키워드를 사용해서 num변수에 10을.. [Javascript] 기본문법 ( 표현식, 주석, 출력-alert, 각종 자료형, 이스케이프문자 ) 자바 스크립트를 실습하기 위해서 editor가 필요합니다. 아래 링크를 클릭하고 설치방법을 통해 설치하고 실습하시면 됩니다! (아래 아톰 에디터 설치방법 참고) https://choseongho93.tistory.com/entry/HTML-아톰atom설치방법-및-설정-출력해보기-무료-웹-에디터 [HTML] 아톰(atom)설치방법 및 설정 & 출력해보기 (무료 웹 에디터) ▶ 아톰(atom)설치방법 및 설정 & 출력해보기 (무료 웹 에디터) ● 아톰(Atom)이란? : 다양한 프로그래밍 언어의 편집이 가능한 편집기입니다. 패키지를 통해 사용자 편의에 맞도록 커스터마이징할 수 있습니다. (.. choseongho93.tistory.com ● 기본 용어 - 표현식 : 값을 만들어 내는 간단한 코드 - 문장 :.. 이전 1 2 다음
