본문 바로가기

javascript3

[JavaScript] async 와 await 출처 https://joshua1988.github.io/web-development/javascript/js-async-await/ 자바스크립트 async와 await (중급) 자바스크립트 개발자를 위한 async, await 사용법 설명. 쉽게 알아보는 자바스크립트 async await 개념, 사용법, 예제 코드, 예외 처리 방법 joshua1988.github.io async & await 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법이다. 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완했다. var user = fetchUser('domain.com/users/1'); if (user.id === 1) { console.log(user.name); } fetchUser() 이라.. 2022. 4. 1.
[JavaScript] this 바인딩 this 라는 개념이 애매하고 헷갈려서 제대로 정리를 해보려고 한다. https://nykim.work/71 [JS] 자바스크립트에서의 this this는 이것을 뜻합니다! (그러니까 '이게' 뭐죠...... 😵) 자바스크립트 내에서 this는 '누가 나를 불렀느냐'를 뜻한다고 합니다. 즉, 선언이 아닌 호출에 따라 달라진다는 거죠. 그럼 각 상황별로 th nykim.work 위 게시글을 통해 this 의 역할에 대해서 알아봤는데 보면서 이해가 안된 부분만 정리해보았다. this 1. 단독으로 쓴 this 2. 함수 안에서 쓴 this 3. 메소드 안에서 쓴 this 4. 이벤트 핸들러 안에서 쓴 this 5. 생성자 안에서 쓴 this 6. 명시적 바인딩을 한 this 7. 화살표 함수로 쓴 this .. 2022. 3. 29.
[ES6] const, let, var 차이점 알아보기 1. var 자바스크립트 ES5 버전까지의 변수 선언 방식 ( 요즘은 사용하지 않는걸 추천한다) 특징 1. var 키워드는 생략이 가능하다. (var) a = 29; console.log(a); //29 2. 재선언과 재할당이 가능하다. var a = 10; console.log(a); // 10 var a = 42; console.log(a); // 42 a = 12312; console.log(a); //12312 3. 함수 레벨 스코프이다. 자바스크립트는 블록레벨 스코프를 사용하는 java나 C와 다르게 함수레벨 스코프이다. 함수레벨 스코프(function level scope) 란 함수 안에서 사용하면 함수 밖을 제외한 내부 어디서든 접근이 가능하고 함수 외부에서 선언된 모든 변수는 전역 변수로 .. 2022. 3. 2.