> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 객체 생성에 대한 자세한 설명

JavaScript의 객체 생성에 대한 자세한 설명

黄舟
풀어 주다: 2016-12-14 16:07:51
원래의
1280명이 탐색했습니다.

우리는 javscript가 객체 지향 언어라는 것을 알고 있으며 물론 객체 작업과 분리될 수 없습니다. 이 기사에서는 javascript에서 객체를 생성하는 방법을 설명합니다.

기본적으로 객체를 생성한다는 아이디어는 단지 많은 속성과 메소드를 포함하는 간단한 엔터티를 생성하는 것입니다.
다음은 객체 생성자의 예입니다.
function Person(name, age, color) {
this.name = name
this.age = age
this.colour; = color;
 }
그런 다음 Person 생성자를 다음과 같이 호출할 수 있습니다.
var someone = new Person("Patrick", 22, "red");
또는 다음에서 입력 값을 가져옵니다. 사용자:
var pName = 프롬프트("이름이 무엇입니까?");
var pAge = 프롬프트("올해 몇 살이십니까?");
var pColour = 프롬프트("이름이 무엇입니까?" 좋아하는 색상 ?");
var someone = new Person(pName, pAge, pColour);
Java와 마찬가지로 JavaScript의 모든 생성자는 new 키워드를 사용하여 호출할 수 있습니다. {"Patrick", 22, "red"} 속성을 사용하여 사람이 생성(또는 구성)되면 다음과 같은 값 ​​​​에 액세스할 수 있습니다.
 somebody.name 또는 someone["name " ] "Patrick"
 somebody.age, or someone["age"] 22
 somebody.colour, or someone["colour"] "red"
Person 속성을 추가하기 위해 이름을 사용하기 때문에 그들은 아래 코드에서 볼 수 있듯이 이름으로 참조되어야 합니다. 숫자를 사용하는 경우 someone.name 대신 someone[0]과 같이 참조할 숫자를 사용해야 합니다.
JavaScript 배열 및 개체(예: 양식, 이미지, 프레임 등)는 이 두 가지 방법을 허용합니다.
또한 배열과 객체에는 길이라는 필수 속성이 있습니다. 프로그래밍할 때 객체에 포함된 요소 또는 속성의 수를 반환하는 objectName.length와 같이 사용할 수 있습니다.
 속성은 함수에서도 생성할 수 있습니다. 이러한 방식으로 속성을 생성하려면 Person 함수에 한 줄만 추가하면 됩니다.
 function Person(이름, 나이, 색상)
 {
 this .name = 이름;
this.age = 나이;
this.colour = 색상;
this.birthYear = (new Date()).getYear() - this.age;
}
위의 Person 함수는 각 Person의 출생 연도를 나타내는 네 번째 속성인birthYear를 정의합니다. 여기서 추가된 행은 현재 날짜와 시간을 포함하는 Date 객체를 반환하는 내장 Date 생성자를 호출한다는 점에 유의하세요.
이는 Date 변수에 액세스하는 매우 게으른 방법입니다. 따라서 다음 코드를 사용하는 것이 더 정확하고 읽기 쉽습니다.
var today = new Date();
this.birthYear = today.getYear() -
물론 여러 가지 방법이 있습니다. JavaScript 프로그램을 "압축"합니다. 코드에 개체를 삽입하면 대부분의 변수를 처리할 수 있습니다.
이 Date 개체는 액세스 메서드(accessor/get)와 작업 메서드(manipulator/set)를 포함하기 때문에 위에서 정의한 Person 개체보다 더 복잡합니다. 동시에 JavaScript에 간단한 객체 메소드를 추가하는 것이 가능합니다. 다음은 자세한 예제 코드입니다:
 

최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿