JavaScript_javascript 팁에서 리터럴을 사용하여 객체 생성 소개

JavaScript에서는 리터럴을 사용하여 새 객체를 직접 생성할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var obj = {a:27, "b":99};

위에서 언급한 것처럼 리터럴을 사용하여 객체를 생성할 때 객체의 속성 정의를 작은따옴표나 큰따옴표로 묶거나 따옴표를 무시할 수 있습니다. 단, 속성에 공백, 슬래시 등의 특수문자가 나타나거나, 사용된 속성이 JS 키워드와 충돌하는 경우에는 따옴표를 사용해야 합니다.

리터럴을 사용하여 객체를 생성하는 경우 속성은 빈 문자열일 수 있으며 속성에 공백이 나타날 수도 있습니다.

코드 복사 코드는 다음과 같습니다.

//객체 속성으로 빈 문자열이 허용됩니다
var o = {"":88, "p":99};
console.log(o);//객체 { =88, p=99}

//공백도 속성에 포함될 수 있습니다
var o2 = {"좋은 점수":99, "나쁜 점수":52};
console.log(o2);//객체 {좋은 점수=99, 나쁜 점수=52}

동일한 리터럴이 사용되더라도 JavaScript는 리터럴이 사용될 때마다 완전히 새로운 개체를 생성한다는 점에 주목할 가치가 있습니다.

코드 복사 코드는 다음과 같습니다.

//모든 객체 리터럴은 새롭고 고유한 객체를 생성합니다.
var x = {a:18, b:28};
var y = {a:18, b:28};
console.log(x === y);//false

리터럴에서 끝에 추가 쉼표가 있는 경우(","가 "}" 문자 앞에 나타남) 일부 JavaScript 인터프리터는 오류를 보고합니다. 실제로 IE7에서는 이 동작으로 인해 브라우저가 정지되고 다른 문제가 발생합니다. ECMAScript 5 표준에서는 "}" 문자 앞에 ","를 표시하는 것이 허용되며 쉼표는 무시됩니다.