JavaScript에서 객체를 만드는 다양한 방법

JavaScript의 객체는 일반적인 객체 지향 프로그래밍 언어 (C ++, Java 등)와 다르며, 수업이 없기 때문에 객체 지향 프로그래밍 언어라고 말하는 사람은 거의 없습니다. JavaScript에는 클래스의 인스턴스가 아닌 객체 만 있습니다. JavaScript의 객체는 프로토 타입 기반입니다.

1.1 기간 운영자 생성

JavaScript의 객체는 실제로 속성으로 구성된 연관 배열입니다. 속성은 이름과 값으로 구성됩니다. 값 유형은 데이터 유형 또는 함수 및 기타 개체 일 수 있습니다.

간단한 개체 만들기 :

 var foo = {}; foo.prop_1 = 'bar'; foo.prop_2 = false; foo.prop_3 = function () {return 'Hello World'; } console.log (foo.prop_3 ());

참조별로 foo에 값을 할당하십시오. {}는 객체 문자 그대로 값을 나타내는 것입니다. var foo = {}는 var foo = new Object ()에 의해 객체 디스플레이를 만들 수 있습니다.

1.2 연관 배열을 사용하여 객체를 만듭니다.

 var foo = {}; foo [ 'prop_1'] = 'bar'; foo [ 'prop_2'] = false; foo [ 'prop_3'] = function () {return 'Hello World'; }

JavaScript에서 기간 연산자 및 연관 배열 참조의 사용은 동일합니다. 연관 배열을 사용하는 장점은 객체의 속성 이름을 알지 못하면 변수를 연관 배열의 색인으로 사용할 수 있다는 것입니다. 예를 들어:

 var nod_prop = 'prop_2'; foo [some_prop] = false;

1.3 객체 이니셜 라이저를 사용하여 객체를 만듭니다

일반적으로 사용하면 다음 방법을 사용하여 개체를 만듭니다.

 var foo = {prop1 : 'bar', prop2 : false, prop3 : function () {return 'Hello World';}};

이 정의 방법은 객체 파생 이니셜 라이저라고합니다.

1.4 생성자를 통해 객체를 만듭니다.

이전에 만든 객체는 모두 일회성입니다. 여러 계획된 객체를 만들려면 몇 가지 고정 특성, 방법이 있으며 초기화 할 수 있습니다. 생성자를 통해 복잡한 개체를 만들 수 있습니다.

 function user (name, uri) {this.name = name; this.uri = uri; this.display = function () {console.log (this.name);}}

그런 다음 새 문장으로 객체를 만들 수 있습니다.

 var noduser = 새 사용자 ( 'byvoid', 'http : //www.byvoid.com');

그런 다음이 객체의 속성과 메소드에 AdonSuser를 통해 액세스 할 수 있습니다.

위는 편집자가 귀하에게 소개 한 JavaScript에서 객체를 만드는 다양한 방법입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!