> 웹 프론트엔드 > JS 튜토리얼 > JavaScript_javascript 팁에서 리터럴을 사용하여 객체 생성 소개

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

WBOY
풀어 주다: 2016-05-16 16:23:15
원래의
1364명이 탐색했습니다.

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 표준에서는 "}" 문자 앞에 ","를 표시하는 것이 허용되며 쉼표는 무시됩니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿