▣ Javascript 객체 만들기
■ 자바스크립트는 객체지향 언어(OOP) 입니다. 자바(JAVA) 같은 일반 프로그래밍 언어에서는 클래스를 선언하고 속성이나 메소드를 넣어서 사용하지만, 자바스크립트에서는 그렇게 되지 않기 때문에 한정된 수준에서 객체를 선언하고 사용해야 하는데요. 자바스크립트에서 객체를 만드는 과정을 알아보고, 예제를 만들어보겠습니다.
Javascript에서는 함수를 만들어 객체를 생성하는데요. 형식은 다음과 같습니다.
■ 새로운 함수를 만들어서 전달받을 매개변수를 선언 한 후 this를 이용해서 설정하는데요.
위 형식을 생각하면서 예제를 만들어 보겠습니다. 먼저 함수를 만들겠습니다.
■ 이렇게 'aaa'라는 함수를 만들었다면 이 녀석을 객체로 만들기 위해서는 다음과 같이 new 연산자를 이용해서 초기화를 해줘야 합니다.
my_aaa= new aaa("홍길동", 100, 90, 90)
[my_aaa]라는 객체를 만들었는데요. 이 객체는 다음과 같은 속성값을 갖게 됩니다.
■ 점(.)을 기준으로 왼쪽(my_aaa)은 객체가 되는거구요. 오른쪽은 속성이 되는 것입니다.
위에서 선언한 객체와 속성을 이용해서 html 문서에서 예제를 만들어보겠습니다.
■ 함수가 정의되기 전에 사용되는 상황을 방지하기 위해서 <head> 태그 안에 [aaa]라는 함수를 만들었구요. 이 함수를 new 연산자를 이용해서 "my_aaa"와 "you_aaa" 라는 객체를 만들었습니다. 각각의 객체에 매개변수를 선언하고, 출력하고 있는 내용입니다.
■ 인터넷 브라우저에서 실행하면 다음과 같은 결과 값이 출력되는 걸 확인할 수 있습니다. 이렇게 해서 자바스크립트에서 객체를 생성하는 과정을 알아봤습니다. 수고하셨어요.
