>  기사  >  웹 프론트엔드  >  JS에서 객체를 생성하는 다양한 방법의 예에 대한 자세한 설명

JS에서 객체를 생성하는 다양한 방법의 예에 대한 자세한 설명

怪我咯
怪我咯원래의
2017-06-29 10:28:311140검색

js 객체는 일반적인 객체 지향 프로그래밍 언어와 다릅니다. js의 객체는 기본 프로토타입입니다. js에서 객체를 생성하는 다양한 방법을 소개하겠습니다. 관심있는 친구들은 함께 배워보세요. 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 some_prop = 'prop_2';
foo[some_prop] = false;

1.3 객체 이니셜라이저를 사용하여 객체 생성


일반적으로 객체를 사용할 때 객체를 생성하려면 다음 방법을 사용합니다.

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

이 정의 방법을 객체 이니셜라이저라고 합니다


1.4

constructor를 통해 개체를 만듭니다.
 이전에 생성된 개체는 모두 일회성입니다. 여러 개의 계획된 개체를 생성하려는 경우 몇 가지 고정된 속성, 메서드가 있으며 초기화할 수 있습니다. 생성자를 통해 복잡한 객체를 생성할 수 있습니다:

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

그런 다음 new 문을 사용하여 객체를 생성할 수 있습니다.

var someuser = new User('byvoid','http://www.byvoid.com');
  그런 다음 someuser를 통해 이 개체의

속성 및 메서드

에 액세스할 수 있습니다.

위 내용은 JS에서 객체를 생성하는 다양한 방법의 예에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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