경영학도의 IT 일지
[자바스크립트] 참조 변수(tv, car) 객체 생성 본문
<script>
var tv = new Object(); // tv라는 참조변수를 new Object(); 하여 객체화하여 color, price 등의 속성을 이용할 수 있게됨.
tv.color = "white";
tv.price = "3,000,000원"
tv.info = function() { // function() 바로 함수를 설정한다는 의미
document.write("tv 색상 : " + this.color, "</br>"); //this는 tv를 뜻함
document.write("tv 가격 : " + this.price, "</br>");
};
let car = new Object(); // car라는 참조변수를 new Object(); 하여 객체화하여 color, price 등의 속성을 이용할 수 있게됨.
car.color = "black";
car.price = "500,000,000원";
car.info = function() { // function() 바로 함수를 설정한다는 의미
document.write("car 색상 : " + this.color, "</br>"); //this는 car를 뜻함
document.write("car 가격 : " + this.price, "</br>");
};
document.write("<h1>tv 객체 메서드 호출</h1>");
tv.info(); // 설정된 함수를 실행
document.write("<h1>car 객체 메서드 호출</h1>");
car.info(); // 설정된 함수를 실행
</script>
* 핵심 : 무엇이 객체이고 참조변수이며, 함수는 무엇이고,
속성은 무엇인지 알아야할 것, 메서드도 무엇인지 잘 생각해볼 것.
'JavaScript & JQuery' 카테고리의 다른 글
| [자바스크립트] 컴퓨터랑 가위바위보 (0) | 2022.04.01 |
|---|---|
| [자바스크립트] 날짜 객체 설정하기 (0) | 2022.04.01 |
| [자바스크립트] 반복문으로 테이블 만들기 (0) | 2022.04.01 |
Comments