객체에 메서드 추가하기
Coddy JavaScript 여정의 객체 지향 프로그래밍 섹션에 포함된 레슨. 56개 중 2번째.
JavaScript의 객체에는 데이터 속성뿐만 아니라 메서드, 즉 객체에 속하는 함수도 포함될 수 있습니다.
속성을 가진 간단한 객체를 만드세요:
const person = {
name: "John"
};객체에 메서드를 추가하세요:
const person = {
name: "John",
greet: function() {
return "Hello!";
}
};메서드를 호출합니다:
person.greet(); // "Hello!"를 반환합니다ES6에서 도입된 축약 구문을 사용할 수도 있습니다.
const person = {
name: "John",
greet() {
return "Hello!";
}
};
챌린지
두 개의 숫자를 받아 그 합을 반환하는 add 메서드를 calculator 객체에 추가하세요.
사용 예:
calculator.add(5, 3); // returns 8
직접 해보기
let a = parseInt(inp[0]); // 이 줄을 변경하지 마세요
let b = parseInt(inp[1]); // 이 줄을 변경하지 마세요
// calculator 객체는 이미 존재합니다
const calculator = {
// TODO: 두 숫자를 받아 그 합을 반환하는 'add' 메서드를 여기에 추가하세요
};
console.log(calculator.add(a, b));
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
객체 지향 프로그래밍의 모든 레슨
직접 연습해 보세요: 온라인 JavaScript 컴파일러