본문 바로가기

전체 글

(41)
Javascript JS 상속, 프로토타입(prototype) __proto__ // __proto__ / prototype 상속의 개념 // 객체 내부에서 프로퍼티를 찾고 없으면 자동으로 __proto__ 탐색 const car = { wheels: 4, drive() { console.log("drive..."); }, }; const Bmw = function (color) { this.color = color; }; const x5 = new Bmw("red"); const z4 = new Bmw("blue"); x5.__proto__ = car; z4.__proto__ = car; prototype // prototype을 이용한 같은 방법 const Bmw = function (color) { this.color = color; }; Bmw.prototy..
Javascript JS call / apply / bind call() - 매개변수를 직접 받음 const mike = { name: "Mike" } const Tom = { name: "Tom" } function showThisName() { console.log(this.name); } showThisName(); // 아무 결과도 업음 showThisName.call(mike); // this가 mike가 되면서 this.name 결과, "Mike" function update(birthYear, occupation) { this.birthYear = birthYear; this.occupation= occupation; } update.call(mike, 1999, "singer"); console.log(mike); // mike 객체가 업데이트 됨 ..
Javascript JS setTimeout / setInterval //setTimeout //(함수,시간,인수(생략가능)) function fn() { console.log(3); } setTimeout(fn, 3000); /* setTimeout에 직접 함수를 선언해도 됨 setTimeout(function(){ console.log(3) }, 3000); const tId = function fn() { console.log(3); } tId에 해당하는 스케줄링 취소 clearTimeout(tId); */ //setInterval //(함수,시간,인수(생략가능)) let num = 0; function showTime() { console.log(`안녕하세요. 접속하신지 ${num++}초가 지났습니다.`); if (num > 5){ clearInterval(tId)..