728x90 300x250 SMALL 분류 전체보기1128 클래스 상속 프로토 타입 vs Class 문법 프로토타입 방식 // 부모 생성자 함수 function Parent(name) { this.name = name; } // 부모의 프로토타입에 메서드 추가 Parent.prototype.greet = function() { console.log(`Hello, ${this.name}!`); }; // 자식 생성자 함수 function Child(name, toy) { // 부모 생성자 호출 및 속성 상속 Parent.call(this, name); // Parent함수를 this와 함께 호출 name을 매개변수로 넘김 this.toy = toy; } // 프로토타입 체인을 통한 상속 설정 Child.prototype = Object.create(Parent.prototype); //Parent.protot.. 2024. 1. 1. .call() 메서드 .call() 모든 함수 객체에서 사용 가능한 메서드로, 특정 객체의 메서드를 호출할 때 'this'의 값을 명시적으로 설정하는데 사용된다. 이 메서드를 사용하면 함수 내에서 'this'의 값을 원하는 대상 객체로 설정할 수 있다. 문법 functionName.call(thisArg, arg1, arg2, ...) thisArg : 함수가 실행될 때 함수 내부에서 사용할 this의 값으로 설정될 객체 arg1, arg2 ... : 함수에 전달될 매개변수 function greet(message) { console.log(`${message}, ${this.name}!`); } const person = { name: 'John' }; // .call을 사용하여 함수 호출하면서 this 값을 person으.. 2023. 12. 27. Object.create() Object.create(proto[, propertiesObject]) 메서드는 주어진 프로토타입 객체(proto)를 사용하여 새로운 객체를 생성한다. 즉, 새로 생성된 객체는 'proto'객체를 상속받는다. 이 메서드는 객체 생성 및 상속을 명시적으로 처리하는데 사용된다. 문법 Object.create(proto[, propertiesObject]) proto : 새로 생성된 객체가 상속받을 프로토타입 객체 propertiesObject(선택사항) : 새로 생성돈 객체에 추가될 속성 및 속성 디르크립터를 지정하는 객체 // 부모 객체 생성 const parent = { greet: function() { console.log('Hello!'); } }; // 자식 객체 생성 및 부모 객체 상속 con.. 2023. 12. 25. js에서 클래스 상속 JavaScript에서 상속은 객체지향 프로그래밍의 핵심 개념 중 하나로, 클래스가 가지고있는 속성과 메서드를 다른 클래스가 상속받아 재사용하는 걸을 의미한다. 이를 통해 코드의 재사용성을 높이고, 계층 구조를 형성하여 프로그램을 구조화할 수 있다. ES6(ECMAScript2015)부터 JavaScript에 공식적으로 클래스가 도입되었으며, 클래스 상속도 이를 기반으로 구현된다. 사용예시 일반적인 테레비의 기능을 상속받아 스마트 테레비를 만들 거나, 일반적인 정수기의 기능을 상속받아 얼음이 나오는 기능을 추가할 수 있다. 클래스 상속 기능 특징 1. 코드 재사용 먼저 상속을 사용하는 가장 큰 이유는 코드를 재사용하기 위함이다. 상속을 사용하면 코드 복사 없이 자식 클래스 요소에스 부모클래스 요소를 사용.. 2023. 12. 19. 이전 1 ··· 39 40 41 42 43 44 45 ··· 282 다음 728x90 반응형 LIST