JS 객체 생성 및 액세스

이 글에서는 주로 javascript 객체의 생성 및 액세스 구현 방법을 자세히 소개합니다. 관심 있는 친구들은

JavaScript의 객체 지향 기능을 떠올릴 수도 있고 심지어 그렇게 생각하는 사람도 있을 것입니다. 클래스가 없기 때문에 객체 지향 언어가 아니라고 말했습니다. 예, JavaScript에는 실제로 클래스가 없지만 JavaScript는 객체 지향 언어입니다. JavaScript에는 객체만 있고 객체는 클래스의 인스턴스가 아닌 객체입니다.
객체지향 언어의 대부분의 객체는 클래스를 기반으로 하기 때문에 사람들은 클래스 인스턴스와 객체의 개념을 혼동하는 경우가 많습니다. 객체는 클래스의 인스턴스입니다. 이는 대부분의 언어에서 사실이지만 JavaScript에서는 그렇지 않습니다. JavaScript의 객체는 프로토타입 기반입니다.

생성 및 액세스

JavaScript의 개체는 실제로 속성으로 구성된 연관 배열입니다. 속성은 이름과 값으로 구성되며, 값의 유형은 데이터 유형일 수도 ​​있고 함수 또는 기타 개체일 수도 있습니다. JavaScript에는 함수형 프로그래밍의 특성이 있으므로 함수도 변수 유형이며 대부분의 경우 일반 데이터 유형과 구별할 필요가 없습니다.

JavaScript에서는 다음 방법을 사용하여 간단한 개체를 만들 수 있습니다.

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

위 코드에서는 var foo = {}를 통해 개체를 만들고 해당 참조를 foo에 할당합니다.
foo.prop1을 통해 여기서 {}는 객체 리터럴의 표현 방법이므로 var foo = new Object()를 사용하여 명시적으로 객체를 생성할 수도 있습니다.
1. 연관 배열을 사용하여 객체 멤버에 액세스또한 연관 배열 패턴을 사용하여
객체 생성을 사용할 수 있습니다. 위 코드는 다음과 같이 수정됩니다.

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

이 포인터 포함)가 이 두 가지 모드를 사용할 수 있음을 의미합니다. 연관 배열을 사용하면 객체의 속성 이름을 모를 때 변수를 연관 배열의 인덱스로 사용할 수 있다는 장점이 있습니다. 예:

var some_prop = 'prop2';
foo[some_prop] = false;

2. 객체 초기화를 사용하여 객체 만들기
위 방법은 JavaScript 객체의 정의에 대한 이해만 제공합니다. 실제로 사용할 때는 다음과 같은 보다 간결하고 명확한 방법을 사용합니다.

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

객체 속성 이름은 따옴표와 함께 선택 사항입니다. 속성 이름에 모호함을 유발할 수 있는 공백이나 기타 문자가 없으면 따옴표를 사용할 필요가 없습니다.

위 내용은 JS 객체 생성 및 액세스의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!