본문 바로가기
반응형

전체 글269

[JS] constructor & instanceof constructor 생성자 함수를 찾는 함수입니다. var obj = {}; // 객체 리터럴로 객체를 생성한 후 obj 변수에 객체를 저장. console.log(obj.constructor === Object); /** * Object() 가 obj 를 만들었으므로 true 가 출력된다. */ console.log(obj.constructor); // Object()인 생성자 함수를 가리킨다. instanceof 연산자 객체가 특정 생성자 함수의 인스턴스인지 아닌지를 확인하는데는 instanceof 연산자를 사용하면 알 수 있습니다. 반환값은 true 또는 false 입니다. // 사용자 정의의 생성자 함수(객체 생성자) var CustomFn = function () { this.name = 'B.. 2023. 10. 28.
[JS] getter & setter 1 getter 메서드 let user = { name: "John", surname: "Smith", get fullName() { return `${this.name} ${this.surname}`; } }; alert(user.fullName); // John Smith 2 setter 메서드 let user = { name: "John", surname: "Smith", get fullName() { return `${this.name} ${this.surname}`; } set fullName(value) { [this.name, this.surname] = value.split(" "); } }; // 주어진 값을 사용해 set fullName이 실행됩니다. user.fullName = "Al.. 2023. 10. 28.
[JS] prototype 프로토타입이란? 제품/서비스의 초기 버전 또는 시제품을 말합니다. 자바스크립트의 모든 객체는 자신의 부모 역할을 담당하는 객체와 연결되어 있다. 그리고 이것은 마치 객체 지향의 상속 개념과 같이 부모 객체의 프로퍼티 또는 메소드를 상속받아 사용할 수 있게 한다. 이러한 부모 객체를 Prototype(프로토타입) 객체 또는 줄여서 Prototype(프로토타입)이라 한다. Ex) var A = function () { this.x = function () { console.log('hello'); }; }; A.prototype.x = function(){ console.log('world'); } var B = new A(); var C = new A(); B.x(); //hello 출력 C.x(); //.. 2023. 10. 28.
[JS] 호출 스케줄링 호출 스케줄링(scheduling a call)이란? 일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 하는 것 setInterval() - 일정 간격을 두고 반복 실행 setTimeout() - 일정 시간 후 한번 실행 1. setInterval - 반복 실행 setInterval(실행할함수, 시간간격ms(기본값=0), [인수1, 인수2...]) Ex 1) setInterval(() => alert('안녕하세요.'), 1000); Ex 2) function sayHi(who, phrase) { alert( who + ' 님, ' + phrase ); } setInterval(sayHi, 1000, "홍길동", "안녕하세요."); // 홍길동 님, 안녕하세요. clearInterval :.. 2023. 10. 28.
반응형

티스토리툴바