객체 - 인스턴스 / 속성 - 프로퍼티
객체 표현 방식
변수에 간단하게 객체를 넣고자 할 때 사용하는 방법.
객체를 생성할 때 new키워드를 이용해서 객체를 생성했다.
만약 이것을 좀 더 간략하게 표현하면 아래와 같은 문법을 쓸 수 있다.
[ 기본형 ]
var 참조변수 = {
속성1 : 속성값1,
속성2 : 속성값2,
속성3 : 속성값3,
속성4 : 함수
}
- 객체의 속성값을 불러올 때
객체의 속성값을 확인하고자 할 경우
객체(변수명).속성명; 을 해주면 해당 객체 속성의 속성값을 확인할 수 있다.
- 만약 속성 값을 바꾸고 싶다면
객체(변수명).속성명 = 속성값; 을 해주면 된다.
document.write(myObj.name, "<br>");
document.write(myObj.age, "<br>");
document.write(myObj.gender, "<br>");
속성값을 볼려면 변수값.속성명 으로 따로 각각 불러와서 볼 수 있다.
var myObj = {
name: "김댕댕",
age: 23,
gender: "female",
info: function () {
document.write("안녕하세요. 제 이름은" + this.name + "입니다");
},
};
myObj.info(); //info함수 호출.
info는 안에 함수로 document.write 넣어놔서 다시 document.write쓰면 오류나기 때문에 변수값.info(); 이렇게 불러와준다.
'자바스크립트' 카테고리의 다른 글
[자바스크립트] - 브라우저 객체 모델 history / location / navigator / screen (0) | 2024.07.25 |
---|---|
[자바스크립트] - 브라우저 객체 모델 종류 > window 객체 / 일정한 시간 간격으로 코드 실행하는 메서드 setInterval , setTimeout / 를 멈추는 clearInterval , clearTimeout (1) | 2024.07.23 |
[자바스크립트] - 문자열 객체String Object 예제 실습 _ 간단하게 이메일 유효성 검사해보기 (0) | 2024.07.18 |
[자바스크립트] - 문자열 객체String Object / 문자열 객체의 메서드, 속성 (0) | 2024.07.17 |
[자바스크립트] - Array 배열 매서드 ☆ (0) | 2024.07.17 |