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