728x90 300x250 SMALL javaScript545 중복 코드 상속 기능 활용해서 개선하기 중복 코드를 상속 기능을 활용해서 개선하는 간단한 javaScript 예시 풀이 전 // 중복 코드가 있는 예제 function Animal(name, age) { this.name = name; this.age = age; } Animal.prototype.sayHello = function() { console.log('안녕하세요, 나는 ' + this.name + '이고, ' + this.age + '살입니다.'); }; function Dog(name, age, breed) { this.name = name; this.age = age; this.breed = breed; } Dog.prototype.sayWoof = function() { console.log('멍멍!'); }; 위의 중복 코드.. 2024. 1. 8. 클래스 상속 기능 사용 - 중복코드 제거 - 비공개 보호되어 있는 글 입니다. 2024. 1. 7. layerpopup select - 비공개 보호되어 있는 글 입니다. 2024. 1. 5. JS 상속 기능을 사용하는 이유 자바스크립트에서 상속 기능을 사용하는 이유 1. 코드 재사용성(Code Reusability) 상속을 통해 부모 클래스의 속성과 메서드를 자식 클래스에서 재사용할 수 있다. 이것은 코드를 더 간결하게 만들고 중복을 피할 수 있도록 해준다. // 부모 클래스 function Animal(name) { this.name = name; } // 공통 메서드 추가 Animal.prototype.eat = function() { console.log(this.name + "가 먹고 있습니다."); }; // 자식 클래스 function Dog(name, breed) { Animal.call(this, name); // 부모 클래스의 생성자 호출 this.breed = breed; } Dog.prototype = .. 2024. 1. 3. 이전 1 ··· 13 14 15 16 17 18 19 ··· 137 다음 728x90 반응형 LIST