JavaScript의 객체 생성에 대한 자세한 설명
우리는 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에 간단한 객체 메소드를 추가하는 것이 가능합니다. 다음은 자세한 예제 코드입니다:
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7461
15
1376
52
77
11
44
19
17
17
WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술
Dec 17, 2023 pm 05:30 PM
WebSocket과 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 서론: 인터넷 기술의 급속한 발전과 함께 실시간 모니터링 시스템이 다양한 분야에서 널리 활용되고 있다. 실시간 모니터링을 구현하는 핵심 기술 중 하나는 WebSocket과 JavaScript의 조합입니다. 이 기사에서는 실시간 모니터링 시스템에서 WebSocket 및 JavaScript의 적용을 소개하고 코드 예제를 제공하며 구현 원칙을 자세히 설명합니다. 1. 웹소켓 기술
MySQL 쿼리 결과 배열을 객체로 변환하는 방법은 무엇입니까?
Apr 29, 2024 pm 01:09 PM
MySQL 쿼리 결과 배열을 객체로 변환하는 방법은 다음과 같습니다. 빈 객체 배열을 만듭니다. 결과 배열을 반복하고 각 행에 대해 새 개체를 만듭니다. foreach 루프를 사용하여 각 행의 키-값 쌍을 새 개체의 해당 속성에 할당합니다. 개체 배열에 새 개체를 추가합니다. 데이터베이스 연결을 닫습니다.
JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축
Dec 17, 2023 pm 05:13 PM
JavaScript 및 WebSocket: 효율적인 실시간 일기 예보 시스템 구축 소개: 오늘날 일기 예보의 정확성은 일상 생활과 의사 결정에 매우 중요합니다. 기술이 발전함에 따라 우리는 날씨 데이터를 실시간으로 획득함으로써 보다 정확하고 신뢰할 수 있는 일기예보를 제공할 수 있습니다. 이 기사에서는 JavaScript 및 WebSocket 기술을 사용하여 효율적인 실시간 일기 예보 시스템을 구축하는 방법을 알아봅니다. 이 문서에서는 특정 코드 예제를 통해 구현 프로세스를 보여줍니다. 우리
간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법
Jan 05, 2024 pm 06:08 PM
JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법, 특정 코드 예제가 필요합니다. 서문: 웹 개발에서는 서버와의 데이터 상호 작용이 종종 포함됩니다. 서버와 통신할 때 반환된 HTTP 상태 코드를 가져와서 작업의 성공 여부를 확인하고 다양한 상태 코드에 따라 해당 처리를 수행해야 하는 경우가 많습니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법과 몇 가지 실용적인 코드 예제를 제공합니다. XMLHttpRequest 사용
PHP에서 배열과 객체의 차이점은 무엇입니까?
Apr 29, 2024 pm 02:39 PM
PHP에서 배열은 순서가 지정된 시퀀스이며 요소는 인덱스로 액세스됩니다. 객체는 new 키워드를 통해 생성된 속성과 메서드가 있는 엔터티입니다. 배열 액세스는 인덱스를 통해 이루어지며, 객체 액세스는 속성/메서드를 통해 이루어집니다. 배열 값이 전달되고 객체 참조가 전달됩니다.
PHP의 요청 객체란 무엇입니까?
Feb 27, 2024 pm 09:06 PM
PHP의 요청 객체는 클라이언트가 서버로 보낸 HTTP 요청을 처리하는 데 사용되는 객체입니다. Request 객체를 통해 요청 메소드, 요청 헤더 정보, 요청 매개변수 등과 같은 클라이언트의 요청 정보를 얻어 요청을 처리하고 응답할 수 있습니다. PHP에서는 $_REQUEST, $_GET, $_POST 등과 같은 전역 변수를 사용하여 요청된 정보를 얻을 수 있지만 이러한 변수는 객체가 아니라 배열입니다. 요청사항을 보다 유연하고 편리하게 처리하기 위해
JavaScript에서 HTTP 상태 코드를 쉽게 얻는 방법
Jan 05, 2024 pm 01:37 PM
JavaScript에서 HTTP 상태 코드를 얻는 방법 소개: 프런트 엔드 개발에서 우리는 종종 백엔드 인터페이스와의 상호 작용을 처리해야 하며 HTTP 상태 코드는 매우 중요한 부분입니다. HTTP 상태 코드를 이해하고 얻는 것은 인터페이스에서 반환된 데이터를 더 잘 처리하는 데 도움이 됩니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. HTTP 상태 코드란 무엇입니까? HTTP 상태 코드는 브라우저가 서버에 요청을 시작할 때 서비스가
C++ 함수가 객체를 반환할 때 무엇에 주의해야 합니까?
Apr 19, 2024 pm 12:15 PM
C++에서는 함수가 객체를 반환할 때 주의해야 할 세 가지 사항이 있습니다. 객체의 수명 주기는 메모리 누수를 방지하기 위해 호출자가 관리합니다. 매달린 포인터를 피하고 메모리를 동적으로 할당하거나 개체 자체를 반환하여 함수가 반환된 후에도 개체가 유효한지 확인하세요. 컴파일러는 성능을 향상시키기 위해 반환된 개체의 복사 생성을 최적화할 수 있지만 개체가 값 의미 체계에 따라 전달되는 경우 복사 생성이 필요하지 않습니다.
