자바스크립트에서 객체를 정의할 때는 코드의 가독성과 일관성을 높이기 위해 몇 가지 규칙을 따르는 것이 좋습니다. 아래에서 핵심 규칙을 하나씩 살펴보겠습니다.
객체 정의의 기본 규칙
- 문자열에는 반드시 따옴표를 사용합니다. 예를 들어 다음과 같이 작성합니다.
var myBook = new book("Java", "John"); - 여는 중괄호({)는 객체 이름과 같은 줄에 배치합니다. 이렇게 하면 코드 구조를 한눈에 파악하기 쉽습니다.
- 닫는 중괄호(})는 새로운 줄에 배치합니다. 객체 정의의 끝을 명확하게 표시할 수 있습니다.
- 속성(property)과 값(value) 사이에는 콜론(:)과 공백을 추가합니다. 예:
title: "Java" - 객체 정의는 세미콜론(;)으로 마무리합니다. 문장의 끝을 명확히 알려주어 오류를 방지할 수 있습니다.
예제 코드
이제 위 규칙을 적용하여 자바스크립트에서 객체를 올바르게 다루는 방법을 예제로 확인해 보겠습니다.
<html>
<head>
<title>JavaScript Array Object</title>
<script>
function book(title, author) {
this.title = title;
this.author = author;
}
</script>
</head>
<body>
<script>
var myBook = new book("Java", "John");
book.prototype.price = null;
myBook.price = 300;
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>예제 설명
위 예제에서 book이라는 생성자 함수를 정의하고, new 키워드를 사용해 새로운 객체 myBook을 생성했습니다. 또한 prototype을 활용해 price 속성을 추가한 후, 실제 값인 300을 할당했습니다. 실행 결과는 다음과 같습니다.
- Book title is : Java
- Book author is : John
- Book price is : 300
이처럼 규칙에 맞게 객체를 정의하면 코드가 깔끔해질 뿐만 아니라, 협업 시에도 다른 개발자가 코드를 쉽게 이해할 수 있습니다. 자바스크립트 객체 정의 규칙을 습관화하면 유지보수성과 가독성이 크게 향상됩니다.