JavaScript-개체 개요

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

Encapsulation − 데이터 든 방법이든 관련 정보를 하나의 객체에 함께 저장하는 기능.
Aggregation − 한 객체를 다른 객체 안에 저장하는 기능.
Inheritance − 일부 속성 및 메서드에 대해 다른 클래스 (또는 클래스 수)에 의존하는 클래스의 기능.
Polymorphism − 다양한 방식으로 작동하는 하나의 함수 또는 방법을 작성할 수있는 능력.

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

개체 속성

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

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

objectName.objectProperty = propertyValue;

For example − 다음 코드는 "title" 의 재산 document 목적.

var str = document.title;

개체 방법

메소드는 객체가 무언가를하거나 무언가를 할 수 있도록하는 기능입니다. 함수와 메서드 사이에는 약간의 차이가 있습니다. 함수에서 독립 실행 형 문 단위이고 메서드는 객체에 연결되며 다음에서 참조 할 수 있습니다.this 예어.

메서드는 개체의 내용을 화면에 표시하는 것부터 로컬 속성 및 매개 변수 그룹에 대한 복잡한 수학적 연산 수행에 이르기까지 모든 것에 유용합니다.

For example − 다음은 사용 방법을 보여주는 간단한 예입니다. write() 문서에 내용을 쓰는 문서 개체의 메서드입니다.

document.write("This is test");

사용자 정의 개체

모든 사용자 정의 개체와 내장 개체는 다음과 같은 개체의 하위 항목입니다. Object.

새로운 대원

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

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

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

Object () 생성자

생성자는 객체를 생성하고 초기화하는 함수입니다. JavaScript는 다음과 같은 특수 생성자 함수를 제공합니다.Object()개체를 빌드합니다. 반환 값Object() 생성자는 변수에 할당됩니다.

변수에는 새 개체에 대한 참조가 포함됩니다. 개체에 할당 된 속성은 변수가 아니며var 예어.

예 1

다음 예제를 시도하십시오. Object를 생성하는 방법을 보여줍니다.

<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>

산출

Book name is : Perl 
Book author is : Mohtashim

예 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>

산출

Book title is : Perl 
Book author is : Mohtashim

개체에 대한 메서드 정의

이전 예제는 생성자가 객체를 만들고 속성을 할당하는 방법을 보여줍니다. 그러나 객체에 메서드를 할당하여 객체의 정의를 완료해야합니다.

예

다음 예제를 시도하십시오. 객체와 함께 함수를 추가하는 방법을 보여줍니다.

<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>

산출

Book title is : Perl 
Book author is : Mohtashim 
Book price is : 100

'with'키워드

그만큼 ‘with’ 키워드는 객체의 속성이나 메서드를 참조하기위한 일종의 속기로 사용됩니다.

인수로 지정된 개체 with다음 블록 기간 동안 기본 개체가됩니다. 개체의 이름을 지정하지 않고도 개체의 속성 및 메서드를 사용할 수 있습니다.

통사론

with object의 구문은 다음과 같습니다.

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>

산출

Book title is : Perl 
Book author is : Mohtashim 
Book price is : 100

자바 스크립트 네이티브 개체

JavaScript에는 몇 가지 기본 제공 또는 기본 개체가 있습니다. 이러한 개체는 프로그램의 어느 곳에서나 액세스 할 수 있으며 모든 운영 체제에서 실행되는 모든 브라우저에서 동일한 방식으로 작동합니다.

여기에 모든 중요한 자바 스크립트 네이티브 객체 목록이 있습니다.

자바 스크립트 숫자 객체
JavaScript 부울 개체
자바 스크립트 문자열 객체
자바 스크립트 배열 객체
JavaScript 날짜 개체
JavaScript 수학 객체
JavaScript RegExp 객체