객체 정의

객체 리터럴을 사용하여 객체를 생성해봅시다!

ex)tom의 개인정보

const tom={
firstName : "Tom",
lastName : "choi",
age : 22,
eyeColor : "brown"};

여기서 헷갈린 것은 개체의 이름에는 "" 이 없다는 것

이제 스크립트를 통해 불러보자.

<script>
    const person ={
        firstName : "Tom",
        lastName : "choi",
        age : 22,
        eyeColor : "brown"};
    
        document.getElementById("tom").innerHTML=person.firstName+""+person.lastName;

getElement로 불러올 때 const 변수으 이름인 person 그리고 . 을 찍어 개체의 값을 지정하고 + "" + 를 사용하여 추가로 출력시킬 자료를 입력한다.

혹은, person.firstName 대신에 person["firstName"] 으로 입력해도 된다.

즉 pereson["firstName"]+""+person[lastName]" 으로 입력해야 한다.

그리고 function 함수를 사용해 적용할 수 있다.

const tom={
firstName : "Tom",
lastName : "choi",
age : 22,
eyeColor : "brown"
fullName : function(){
return this.firstName+""+this.lastName;
};