맨땅헤딩 프로그래밍

렉시컬 스코프

이번 주제는 자바스크립트에서 렉시컬 스코프에 관한 주제이다. 렉시컬 스코프 😊 - JS는 함수를 선언한 시점에 상위 스코프가 결정되는 렉시컬 스코프를 따름 - 함수를 어디에서 호출하였는지는 스코프 결정에 의미 X - 함수를 호출할 때가 아니라 선언할 때 스코프 생김 예시 👇🏻👇🏻 var name = "WHO"; function log() { console.log(name); } function wrapper() { name = "WHERE"; log(); } wrapper(); //결과 : WHERE 예시 👇🏻👇🏻 var name = "WHO"; function log() { console.log(name); } function wrapper() { var name = "WHERE"; log(); } w..

this

이번 주제는 자바스크립트에서 this에 관한 주제이다. 전역 객체 😊 전역 객체 (global Object) 모든 객체의 최상위 객체 자바스크립트에서는 window 객체 전역 객체에 바인딩 되는 경우 this는 전역 객체(window)에 바인딩 1. 전역 함수 2. 내부 함수 3. 콜백 함수 등등.. 예시 👇🏻👇🏻 function sFoo() { console.log("sFoo ::: " + this); //sFoo ::: [object Window] } this 😊 함수 호출 방법에 따라 값이 결정 => 바인딩 기본적으로는 브라우저에서는 window를 가리킴 this 호출방법 😊 함수에서 this 예시 👇🏻👇🏻 function foo() { this.b = 30; console.log(this.b); ..

함수 선언식, 함수 표현식 차이

이번 주제는 자바스크립트에서 함수 선언식과 함수 표현식에 관한 주제이다. 함수 선언식 😊 함수 이름이 명시 되어 있어야 함 함수 이름으로 함수를 호출 함수 호이스팅 발생 세미콜론 사용 X 예시 👇🏻👇🏻 example1(); // 함수 호출 (호이스팅) function example1() { console.log('Hi'); } // 함수 선언 함수 표현식 😊 함수 리터럴로 생성한 함수를 변수에 할당 함수의 참조값이 변수로 저장 변수 호이스팅 발생 세미콜론 사용 O 예시 👇🏻👇🏻 const example2 = function () { console.log('Hi') }; // 변수 example2에 함수 할당 example2(); // 함수 호출 차이점😊 함수 선언문으로선언된 함수는 함수 호이스팅 발생 함..

Array 메서드

이번 주제는 자바스크립트에서 반복문 가능한 배열 메서드에 관한 주제이다. Array.forEach 😊 for문과 동일하게 배열의 요소를 순차적으로 조사를 한다. forEach 함수의 파라미터로 각 원소에 대하여 처리하고 싶은 코드를 함수로 넣어준다. 이 함수의 파라미터 hero는 각 원소를 가르키게 된다. 함수형태의 파라미터를 전달하는 것을 콜백함수 라고 부른다. 예시 👇🏻👇🏻 const mvHero = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; superheroes.forEach(hero => { console.log(hero); }); Array.map 😊 Array.map은 순차적으로 조회 하면서 중괄호 내부에서 반환된 값들을 모아 다시 배열로 만든 후 반환 하는 함수이다..

Hoisting

이번 주제는 자바스크립트에서 호이스팅(Hoisting)에 관한 주제이다. 호이스팅 이란? 😊 선언한 코드를 내부적으로 최상단으로 끌어올림 var와 함수 선언이 대상 선언된 var는 최상단으로 올라간다는 의미 선언된 let, const는 최상단으로 올라갈 수 없음 선언된 함수는 최상단으로 올라간다는 의미 변수 선언 순서 😊 자바스크립트에서 변수선언은 선언 -> 초기화 -> 할당 단계를 통해 수행 var 키워드를 통한 변수 선언은 SCOPE 선두에서 선언과 초기화 단계가 동시 진행 let과 const는 변수 중복선언이 불가하고 블록레벨 스코프 지원 let으로 선언한 변수는 선언 단계와 초기화 단계가 분리되어 진행 const으로 선언한 변수는 선언 단계와 초기화 단계가 동시에 진행 예시 👇🏻👇🏻 // 호이스팅..