본문 바로가기
반응형

JavaScript6

[JavaScript] 타이머 API setTimeout(function, delay, arg) : 일정 시간 후에 함수를 실행 // 예시 1 : callback를 사용하여 setTimeout 실행 // setTimeout (callback, millisecond) setTimeout(function () { console.log('1초 후 실행'); }, 1000); // 123 (임의의 타이머 ID) // 예시 2 : callback 함수를 화살표함수 형태로 사용하여 setTimeout 실행 setTimeout( ()=> { console.log('1초 후 실행'); }, 1000); // 17 (임의의 타이머 ID) // 예시 3 : 함수명을 이용하여 setTimeout 실행 function timer() { console.log('1.. 2023. 3. 19.
[JavaScript] 배열 고차 함수 목차 배열 고차 함수 1. Array.prototype.sort 배열의 요소를 오름차순으로 정렬하는 메서드 1-1. 문자열 요소 정렬 예시 const fruits = ['Banana', 'Orange', 'Apple']; console.log(months.sort()); // ["Apple", "Banana", "Orange"] // 내림차순으로 정렬하고 싶다면? // reverse 메서드를 사용할 수 있다. const fruits = ['Banana', 'Orange', 'Apple']; console.log(fruits.sort().reverse()); // ["Orange", "Banana", "Apple"] 1-2. 숫자 요소 정렬 예시 const numbers = [1, 2, 10]; conso.. 2023. 3. 17.
[JavaScript] 프로토타입 체인 프로토타입 체인 자바스크립트는 객체의 프로퍼티(메서드 포함)에 접근하려고 할 때 해당 객체에 접근하려는 프로퍼티가 없다면 [[Prototype]] 내부 슬롯의 참조를 따라 자신의 부모 역할을 하는 프로토타입의 프로퍼티를 순차적으로 검색한다. 이를 프로토 타입 체인이라한다. 객체 지향 프로그래밍의 특성 중 상속을 JavaScript에서 구현할 때에는 프로토타입 체인을 사용한다. Object에 정의되어 있는 메서드를 person1에서 호출하면 아래와 같은 과정으로 메서드를 검색한다. 1. person1 객체가 valueOf() 메서드를 가지고 있는지 체크한다. 2. person1 객체가 valueOf() 메서드가 없다 → person1의 프로토타입 객체 Person.prototype에 valueOf() 메서.. 2023. 3. 16.
[JavaScript] Prototype 프로토타입 원형 객체를 의미하며, JavaScript는 프로토타입 기반 언어 Human이라는 클래스와 인스턴스, 그리고 프로토타입의 관계 class Human { constructor(name, age) { this.name = name; this.age = age; } sleep() { console.log(`${this.name}은 잠에 들었습니다.`); } } let kimcoding = new Human('김코딩', 30); console.log(Human.prototype.constructor === Human); // true // Human 클래스의 생성자 함수는 Human console.log(Human.prototype === kimcoding.__proto__); // true // u.. 2023. 3. 15.
반응형

티스토리툴바