JavaScript 객체 리터럴

JavaScript에서는 클래스 인스턴스화를 통해 객체를 생성할 수도 있고 객체 리터럴을 사용하여 직접 객체를 생성할 수도 있습니다.

프로그래밍 언어에서 리터럴은 값을 나타내는 표기법입니다. 예를 들어 "Hello, World!"는 여러 언어에서 문자열 리터럴을 나타냅니다. 각각 정수, 두 개의 부울 값 및 빈 객체를 나타내는 5, true, false 및 null과 같은 JavaScript도 예외는 아닙니다.

JavaScript는 객체 리터럴을 지원하므로 간결하고 읽기 쉬운 표기법을 사용하여 객체를 생성할 수 있습니다.

객체 리터럴은 이름/값 쌍의 목록으로, 각 이름/값 쌍은 쉼표로 구분되고 중괄호로 묶여 있습니다. 이름/값 쌍은 개체의 속성이나 메서드를 나타내며 이름과 값은 콜론으로 구분됩니다.

예:

var  myCar={
        "price" : ",000" ,   // 属性
        "color" : "red" ,   // 属性
        "run" : function(){ return " 120 km/h "; }   // 方法
    }
var myHome={
        population : "10,000" ,
        area : "10,000" ,
        adress : {  // 属性
                country : "China" ,
                province : "shanxi" ,
                city : "xian"
            },
        say : function(){  // 方法
                return "My hometown is very beautiful ! ";
            }
    }

zhangsan 객체 생성:

var zhangsan={
    name : "张三",
    sex : "男",
    say:function(){
        return "嗨！大家好，我来了。";
    },
    contact : {
        tel : "029-81895644",
        qq : "1370753465",
        email : "it@gmail.com"
    }
}
alert("姓名："+zhangsan.name);
alert("性别："+zhangsan.sex);
alert(zhangsan.say());
alert("电话："+zhangsan.contact.tel);
alert("QQ："+zhangsan.contact.qq);
alert("邮箱："+zhangsan.contact.email);

다음과 같이 볼 수 있습니다.

• 객체 리터럴을 사용하여 단일 객체를 생성하면 의미론이 직관적입니다.

• 객체 리터럴은 중첩될 수 있습니다.

객체 리터럴을 먼저 만든 다음 속성과 메서드를 추가할 수도 있습니다.

위의 zhangsan 객체는 다음과 같이 생성할 수도 있습니다:

var zhangsan={}
zhangsan.name = "张三";
zhangsan.sex = "男";
zhangsan.say = function(){
        return "嗨！大家好，我来了。";
    }
zhangsan.contact = {
    tel : "029-81895644",
    qq : "1370753465",
    email : "it@gmail.com"
}