Javascript
-
[Javascript] this와 화살표 함수Javascript 2024. 2. 25. 21:44
this 란? javascript에서의 this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수 this의 특징 📌 this 바인딩 this가 가리키는 값(this 바인딩)은 함수가 선언된 방식이 아니라 함수를 호출하는 방식에 의해 동적으로 결정됨 // 1. 전역 console.log(this); // window => 전역 객체 // 2. 일반 함수 내부 function square(number) { console.log(this); // window => 전역 객체 return number * number; } square(2); // 3. 객체 메서드 내부 const person = { name: 'Lee', getName() { console.log(this); // {..
-
[Javascript] 콜백 함수와 PromiseJavascript 2024. 2. 6. 15:16
콜백 함수(Callback Function) function repeatFunc(n, func) { for (let i = 0; i < n; i++) { func(i); } } function odd(i) { if (i % 2) console.log(i); } function even(i) { if (i % 2 == 0) console.log(i); } repeatFunc(5, odd)// 1, 3 repeatFunc(5, even)// 0, 2, 4 콜백함수 예시 매개변수를 통해 다른 함수의 내부로 전달되는 함수 매개변수를 통해 함수의 외부에서 전달받은 콜백 함수를 고차 함수라고 함 콜백 함수의 사용 1. 함수의 구조적 설계 콜백 함수를 사용하여 로직 처리 부분과 나머지 부분을 구분할 수 있으며, 이를..
-
[Javascript] Javascript의 특징Javascript 2024. 1. 25. 18:20
Javascript의 정의 Web기술의 기반이 되는 언어로, html문서의 컨텐츠를 동적으로 변경할 수 있게 해주는 언어 버튼 클릭, 내용 입력, 알림창 출력 등등.. 자바스크립트 엔진 자바스크립트 코드를 실행하는 프로그램 또는 인터프리터. 주로 웹 브라우저에서 사용됨(크롬의 V8, 엣지의 Chakra 등) ❓자바스크립트 엔진의 구조 메모리 힙 메모리 할당이 일어나는 곳 객체, 배열, 함수 등 참조타입의 데이터가 저장됨 참조타입의 데이터가 저장된 주소값은 콜스택의 변수 식별자의 값으로 각각 저장됨 -> 함수 실행 시 주소값을 통해 어떤 참조타입인지 찾아감 콜 스택 코드를 한 줄씩 읽으면서 수행할 작업들을 쌓아나가며, 메모리 힙에서 작업 수행에 필요한 것들을 찾아내서 작업을 수행 선입후출(Last In F..