>웹 프론트엔드 >JS 튜토리얼 >JavaScript_javascript 기술의 객체 유형 소개

JavaScript_javascript 기술의 객체 유형 소개

WBOY
WBOY원래의
2016-05-16 16:06:201064검색

객체 인스턴스를 만드는 방법에는 두 가지가 있습니다. 첫 번째는 아래와 같이 new 연산자와 Object 생성자를 사용하는 것입니다.

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

var person = new Object();
person.name = "zxj";
사람.나이 = 25;

또 다른 방법은 객체 리터럴 표기법을 사용하는 것입니다. 객체 리터럴은 많은 수의 속성을 가진 객체를 생성하는 과정을 단순화하기 위한 객체 정의의 축약형입니다. 코드는 다음과 같습니다.

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

//객체 리터럴
var 사람 = {
이름: "zxj",
나이: 25
}

객체 리터럴을 통해 객체를 정의할 때 객체 생성자는 실제로 호출되지 않습니다.

일반적으로 점 표기법은 객체 속성에 접근할 때 사용되지만, JavaScript에서는 대괄호 표기법을 사용하여 객체 속성에 접근할 수도 있습니다. 대괄호 구문을 사용하는 경우 액세스할 속성은 다음과 같이 대괄호 안에 문자열 형식으로 배치되어야 합니다.

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

경보(사람["이름"]) //zxj
경고(사람.이름) //zxj

둘의 기능에는 차이가 없지만 대괄호 구문의 가장 큰 장점은 변수를 통해 속성에 액세스할 수 있다는 것입니다.

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

var propertyName="이름";
경보(사람[속성이름]); //zxj

속성 이름에 구문 오류를 일으키는 문자가 포함되어 있거나 속성 이름에 키워드나 예약어가 사용된 경우 대괄호 표기법을 사용할 수도 있습니다. 예:

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

사람['이름'] = "zxj";

일반적으로 대괄호 표기가 꼭 필요한 경우가 아니면 점 표기법을 사용하는 것이 좋습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.