TLI - 58

chloe·2021년 8월 21일
0

Today I Learned

목록 보기
33/42
post-thumbnail
post-custom-banner

prototype을 사용 하는 이유?

  • 다른 언어와 달리 자바스크립트는 class에 포함되어있는 상속의 기능이 없다.
  • 공통적으로 사용하는 함수를 받아서 쓸 수 있다.
  • 그래서 prototype을 통해서 원래 원형을 복사해서 상속 할 수 있다.
    (최근 문법은 class가 추가되었다.)

prototype 사용하는 방법?

  • 함수(function)와 new, this를 통해 class와 비슷하게 사용 할 수 있다.
function circle() {
	this.x = 100;
    	this.y = 20;
}
let earth = new circle();
let moon = new circle();

console.log(earth.x) // 100
console.log(moon.x) // 100

Stack ? Queue?

  • Stack? 자바스크립은 동기적으로 처리되기 때문에 순서대로 처리가 되더라도 시간이 많이 걸리는건 stack자리에서 -> Queue로 빠지게 된다

  • Queue? 시간들이 걸리는것들 (예를들면 eventlistener , settimeout)같은것을을 stack에 말고 queue자리에 와서 stack이 다끝나고 실행시키게 된다.

비동기 처리?

  • 비동기? 동시다발적으로 처리 할 수 있게 한다.

  • queue에서 걸리는 작업들은 보통 암호화, 서버 요청에 대한 데이터를 읽을 때 쓰인다. 그래서 동시다발적으로 작업을 실행할 수 있도록 callback함수를 써서 데이터의 과정을 읽을 수 있게 처리 해둔다

  • 콜백 대신 promise, async, await을 쓸 수 있다.

Class & Instance ?

  • class를 만들때 그를 구성하는 instance가 있다.
  • 인스턴스가 만들어질 때 실행되는 코드를 생성자(constructor) 함수라고 부릅니다.
  • 생성자 함수는 return값을 만들지 않습니다
class Human {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  sleep() {
    console.log(`${this.name}은 잠에 들었습니다`);
  }
}

let kimcoding = new Human('김코딩', 30);
profile
Why not?
post-custom-banner

0개의 댓글