JavaScript_기본지식으로 객체에 대한 심층적인 이해-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

JavaScript_기본지식으로 객체에 대한 심층적인 이해

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:56 PM

javascript 물체

JavaScript는 객체지향 프로그래밍(OOP) 언어입니다. 프로그래밍 언어는 객체 지향이라고 할 수 있으며 개발자에게 네 가지 기본 기능을 제공합니다.

캡슐화 - 데이터, 메소드, 객체 등 관련 정보를 저장합니다.
집계 - 한 개체를 다른 개체 안에 저장
상속 - 일부 속성과 메서드에 대해 다른 클래스(또는 클래스)에 의존하는 클래스의 능력
다형성 - 다양한 방식으로 작동하는 함수 또는 메소드 작성

객체는 속성으로 구성됩니다. 속성에 함수가 포함되어 있으면 객체의 메서드로 간주되고, 그렇지 않으면 속성으로 간주됩니다.
개체 속성:

객체의 속성은 세 가지 기본 데이터 유형 중 하나일 수도 있고 다른 객체와 같은 추상 데이터 유형일 수도 있습니다. 개체 속성은 일반적으로 개체의 메서드에서 내부적으로 사용되는 변수이지만 전역적으로 사용되며 페이지 전체에서 표시되는 변수일 수도 있습니다.

속성을 추가하는 구문은 다음과 같습니다.

objectName.objectProperty = propertyValue;

로그인 후 복사

예:

다음은 파일 개체의 "제목" 속성을 사용하여 문서 제목을 가져오는 방법을 보여주는 간단한 예입니다.

var str = document.title;

로그인 후 복사

객체 메서드:

메서드는 객체에게 어떤 일을 하라고 지시합니다. 함수 명령문이 독립적인 단위이고 메서드가 객체에 첨부되어 이 키워드를 통해 참조할 수 있다는 점을 제외하면 함수와 메서드 사이에는 거의 차이가 없습니다.

메소드는 객체의 화면 콘텐츠 표시부터 로컬 속성 및 매개변수 집합에 대한 복잡한 수학적 연산 수행에 이르기까지 모든 작업에 유용할 수 있습니다.
예:

다음은 문서 개체의 write() 메서드를 사용하여 문서의 내용을 작성하는 방법을 보여주는 간단한 예입니다.

document.write("This is test");

로그인 후 복사

사용자 정의 개체:

모든 사용자 정의 개체와 내장 개체를 개체의 자손이라고 합니다.
새 운영자:

new 연산자는 객체의 인스턴스를 만드는 데 사용됩니다. 객체를 생성하려면 new 연산자 뒤에 생성자 메서드가 옵니다.

다음 예에서는 생성자 메서드 Object(), Array() 및 Date()가 있습니다. 이러한 생성자는 내장된 JavaScript 함수입니다.

var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");

로그인 후 복사

객체() 생성자:

생성자는 객체를 생성하고 초기화하는 데 사용되는 함수입니다. JavaScript는 객체를 생성하기 위해 Object()라는 특수 생성자를 제공합니다. Object() 구문의 반환 값은 변수에 할당됩니다.

변수에는 새 개체에 대한 참조가 포함되어 있습니다. 이 객체에 할당된 속성은 불변이며 var 키워드를 사용하여 정의되지 않습니다.
예시 1:

이 예에서는 객체를 생성하는 방법을 보여줍니다.

<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
var book = new Object();  // Create the object
  book.subject = "Perl"; // Assign properties to the object
  book.author = "Mohtashim";
</script>
</head>
<body>
<script type="text/javascript">
  document.write("Book name is : " + book.subject + "<br>");
  document.write("Book author is : " + book.author + "<br>");
</script>
</body>
</html>

로그인 후 복사

예시 2:

이 예제에서는 객체와 사용자 정의 함수를 생성하는 방법을 보여줍니다. 여기서 this 키워드는 함수에 전달된 개체를 참조하는 데 사용됩니다.

<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
function book(title, author){
  this.title = title; 
  this.author = author;
}
</script>
</head>
<body>
<script type="text/javascript">
  var myBook = new book("Perl", "Mohtashim");
  document.write("Book title is : " + myBook.title + "<br>");
  document.write("Book author is : " + myBook.author + "<br>");
</script>
</body>
</html>

로그인 후 복사

객체 정의 방법:

이전 예에서는 생성자가 객체를 생성하고 속성을 할당하는 방법을 보여줍니다. 그러나 객체 정의를 완료하려면 할당 방법을 사용해야 합니다.
예:

다음은 개체에 함수를 추가하는 방법을 보여주는 간단한 예입니다.

<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">

// Define a function which will work as a method
function addPrice(amount){
  this.price = amount; 
}

function book(title, author){
  this.title = title; 
  this.author = author;
  this.addPrice = addPrice; // Assign that method as property.
}

</script>
</head>
<body>
<script type="text/javascript">
  var myBook = new book("Perl", "Mohtashim");
  myBook.addPrice(100);
  document.write("Book title is : " + myBook.title + "<br>");
  document.write("Book author is : " + myBook.author + "<br>");
  document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>

로그인 후 복사

키워드 포함:

with 키워드는 객체의 속성이나 메소드를 참조하는 약칭으로 사용됩니다.

매개변수로 지정된 개체는 다음 블록이 지속되는 동안 기본 개체가 됩니다. 개체의 속성과 메서드는 명명되지 않은 개체에서 찾을 수 있습니다.
문법

with (object){
  properties used without the object name and dot
}

로그인 후 복사

예:

<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">

// Define a function which will work as a method
function addPrice(amount){
  with(this){
    price = amount; 
  }
}
function book(title, author){
  this.title = title; 
  this.author = author;
  this.price = 0;
  this.addPrice = addPrice; // Assign that method as property.
}
</script>
</head>
<body>
<script type="text/javascript">
  var myBook = new book("Perl", "Mohtashim");
  myBook.addPrice(100);
  document.write("Book title is : " + myBook.title + "<br>");
  document.write("Book author is : " + myBook.author + "<br>");
  document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>

로그인 후 복사

본 웹사이트의 성명

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

핫 AI 도구

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7480

Cakephp 튜토리얼

1377

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

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++에서는 함수가 객체를 반환할 때 주의해야 할 세 가지 사항이 있습니다. 객체의 수명 주기는 메모리 누수를 방지하기 위해 호출자가 관리합니다. 매달린 포인터를 피하고 메모리를 동적으로 할당하거나 개체 자체를 반환하여 함수가 반환된 후에도 개체가 유효한지 확인하세요. 컴파일러는 성능을 향상시키기 위해 반환된 개체의 복사 생성을 최적화할 수 있지만 개체가 값 의미 체계에 따라 전달되는 경우 복사 생성이 필요하지 않습니다.

See all articles

JavaScript_기본지식으로 객체에 대한 심층적인 이해

핫 AI 도구

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

인기 기사

뜨거운 도구

메모장++7.3.1

SublimeText3 중국어 버전

스튜디오 13.0.1 보내기

드림위버 CS6

SublimeText3 Mac 버전

뜨거운 주제