개념 설명:
객체 생성과 속성 추가: 객체는 다양한 데이터와 함수를 포함할 수 있는 자료 구조입니다. 객체를 생성하려면 중괄호 {}를 사용하고, 객체 내에 속성(데이터)과 메서드(함수)를 추가할 수 있습니다. 속성은 이름과 값으로 구성되며, 메서드는 함수로 정의됩니다.
메서드 정의와 호출: 객체 내에서 메서드를 정의하려면 함수를 객체의 속성으로 할당합니다. 메서드는 객체 내에서 동작을 수행하는 함수로, 다른 객체나 변수와 상호 작용할 수 있습니다. 메서드는 해당 객체를 통해 호출됩니다.
예제 코드:
아래는 객체 생성, 속성 추가, 메서드 정의 및 호출하는 예제 코드입니다.
// 객체 생성과 속성 추가
let person = {}; // 빈 객체 생성
person.name = "Alice"; // name 속성 추가
person.age = 30; // age 속성 추가
console.log(person.name); // 객체의 속성 값 출력
console.log(person.age);
// 메서드 정의와 호출
let calculator = {
add: function (x, y) {
return x + y;
},
subtract: function (x, y) {
return x - y;
}
};
let result1 = calculator.add(5, 3); // 메서드 호출
let result2 = calculator.subtract(10, 4);
console.log("덧셈 결과: " + result1);
console.log("뺄셈 결과: " + result2);
전문용어 상세 설명:
객체 (Object): 데이터와 함수를 포함하는 자료 구조로, 중괄호 {}를 사용하여 생성하며, 속성과 메서드를 가질 수 있습니다.
속성 (Property): 객체 내부의 변수와 같은 데이터 요소로, 이름과 값을 가집니다. 객체 내의 데이터를 나타냅니다.
메서드 (Method): 객체 내에서 동작을 수행하는 함수로, 객체의 동작을 정의하고 객체를 통해 호출할 수 있습니다.
'자바스크립트' 카테고리의 다른 글
강의 8: 자바스크립트 DOM (문서 객체 모델) (0) | 2023.12.16 |
---|---|
강의 7: 자바스크립트 배열과 반복 (0) | 2023.12.16 |
강의 5: 자바스크립트 함수 (0) | 2023.12.16 |
강의 4: 자바스크립트 제어 구조 (0) | 2023.12.16 |
강의 3: 자바스크립트 연산자와 표현식 (0) | 2023.12.16 |