자바스크립트5 Javascript의 callback과 promise javascript는 single thread에서 동작하는 언어입니다. single thread에서 동작한다는 것은 한 번에 한 가지 일만 처리할 수 있다는 것을 의미합니다. 하지만 javascript가 처리하는 브라우저의 이벤트들은 한 번에 한 가지씩만 발생하지 않기 때문에 single thread로 비동기적으로 발생하는 이벤트를 처리하기 위한 메커니즘이 필요했습니다. 그래서 등장한 것이 callback 함수입니다. Callback javascript에서는 비동기 함수를 호출할 때 callback 함수를 같이 넘겨줍니다. javascript는 비동기 함수가 종료되면 같이 넘어온 callback 함수를 실행합니다. setTimeout(() => console.log('Hello, my name is jo.. 2021. 5. 19. Javascript의 iterable, iterator, generator javascript에서의 iterable, iterator, generator에 대해 정리해보겠습니다. TL;DR iterable 프로토콜과 iterator 프로토콜을 만족하면 어떤 객체든지 iterable 객체, iterator 객체가 될 수 있음. iterable 프로토콜 : iterator 객체를 반환하는 함수가 Symbol.iterator 프로퍼티에 들어있어야함. iterable 객체 : for of 문이나 ...(spread) 연산자처럼 값들을 순회하는 연산에 사용될 수 있는 객체. iterator 프로토콜 : next() 메서드를 가지고 있어야하면 next() 메서드는 value, done 프로퍼티를 가지는 객체를 반환해야함. iterator 객체 : 값들을 순회할 수 있는 객체. iterab.. 2021. 4. 6. 프로토타입 체인을 이용한 Javascript의 상속 이전 글에서 javascript의 class와 프로토타입 체인에 대해 간단히 정리해봤습니다. 이번 글에서는 javascript가 프로토타입 체인을 이용해 어떻게 상속을 구현하는지에 대해 정리해보겠습니다. TL;DR javascript에서는 프로토타입 체인을 이용해 상속이 구현됨. extends 키워드를 통해 클래스의 상속 관계를 만들 수 있음. 상속 관계가 되면 자식 클래스의 프로토타입은 부모 클래스의 프로토타입을 가지게 됨으로써 프로토타입 체인이 만들어짐. 인스턴스에서 프로퍼티에 접근하려고 할 때 프로토타입 체인을 따라 상위 프로토타입으로 거슬러 올라가면서 프로퍼티를 찾음. 따라서 부모 클래스와 자식 클래스에 같은 이름의 프로퍼티가 있을 때 자식 클래스에 있는 프로퍼티에 접근하게 됨.(가려짐 효과) 메.. 2021. 2. 21. Javascript의 class javascript에서 class가 어떻게 동작하는지에 대해 정리해보겠습니다. TL;DR javascript에서는 class 역시 함수. class 키워드는 클래스를 직관적으로 표현하기 위한 새로운 문법일 뿐 ES6 이전과 동작 방식은 같음. 인스턴스는 클래스의 prototype을 물려받음. 클래스의 메서드는 클래스의 prototype에 저장됨. 인스턴스에서는 프로토타입 체인을 통해 클래스의 메서드에 접근할 수 있음. 정적 메서드는 클래스의 prototype이 아닌 클래스 자체에 저장됨. 그렇기 때문에 정적 메서드는 인스턴스에서 접근할 수 없고 클래스만 접근할 수 있음. class는 함수다 ES6에서 class 키워드가 등장하기 전까지 javascript에서는 생성자로 사용할 함수를 정의하고 new 키워.. 2021. 2. 8. 이전 1 2 다음
