Thứ Tư, 7 tháng 11, 2018

JavaScript - Tổng quan về đối tượng

JavaScript là ngôn ngữ lập trình hướng đối tượng (OOP). Một ngôn ngữ lập trình có thể được gọi là hướng đối tượng nếu nó cung cấp bốn khả năng cơ bản cho các nhà phát triển -

Đóng gói - khả năng lưu trữ thông tin liên quan, cho dù dữ liệu hoặc phương thức, cùng nhau trong một đối tượng.

Tập hợp - khả năng lưu trữ một đối tượng bên trong một đối tượng khác.

Thừa kế - khả năng của một lớp dựa trên một lớp khác (hoặc số lớp) cho một số thuộc tính và phương thức của nó.

Học lập trình java
Đa hình - khả năng viết một hàm hoặc phương thức hoạt động theo nhiều cách khác nhau.

Các đối tượng bao gồm các thuộc tính. Nếu một thuộc tính có chứa một hàm, nó được coi là một phương thức của đối tượng, nếu không thuộc tính được coi là một thuộc tính.

Link đăng ký : Khóa học java miễn phí.

Thuộc tính đối tượng

Các thuộc tính đối tượng có thể là một trong ba kiểu dữ liệu nguyên thủy, hoặc bất kỳ kiểu dữ liệu trừu tượng nào, chẳng hạn như một đối tượng khác. Thuộc tính đối tượng thường là các biến được sử dụng nội bộ trong các phương thức của đối tượng, nhưng cũng có thể là các biến hiển thị trên toàn cầu được sử dụng trên toàn bộ trang.

Cú pháp để thêm thuộc tính vào đối tượng là
objectName.objectProperty = propertyValue;
Ví dụ - Mã sau nhận tiêu đề tài liệu bằng cách sử dụng thuộc tính "title" của đối tượng tài liệu .
var str = document.title;

Phương thức đối tượng

Phương thức là các hàm cho phép đối tượng làm điều gì đó hoặc để cho một cái gì đó được thực hiện cho nó. Có một sự khác biệt nhỏ giữa một hàm và một phương thức - tại một hàm là một đơn vị độc lập của các câu lệnh và một phương thức được gắn vào một đối tượng và có thể được tham chiếu bởi từ khóa này .

Các phương thức rất hữu ích cho tất cả mọi thứ từ hiển thị nội dung của đối tượng đến màn hình để thực hiện các phép toán phức tạp trên một nhóm các thuộc tính và tham số cục bộ.

Ví dụ - Sau đây là một ví dụ đơn giản để chỉ cách sử dụng phương thức write () của đối tượng tài liệu để viết bất kỳ nội dung nào trên tài liệu.
document.write("This is test");
Đối tượng do người dùng xác định

Tất cả các đối tượng do người dùng định nghĩa và các đối tượng dựng sẵn là các hậu duệ của một đối tượng có tên là Object .

Toán tử mới

Các mới điều hành được sử dụng để tạo ra một thể hiện của một đối tượng. Để tạo một đối tượng, toán tử mới được theo sau bởi phương thức hàm tạo.

Trong ví dụ sau, các phương thức khởi tạo là Object (), Array () và Date (). Các hàm tạo này được xây dựng trong các hàm JavaScript.
var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");

Object () Constructor

Một hàm tạo là một hàm tạo và khởi tạo một đối tượng. JavaScript cung cấp một hàm xây dựng đặc biệt được gọi là Object () để xây dựng đối tượng. Giá trị trả về của hàm tạo Object () được gán cho một biến.

Biến chứa tham chiếu đến đối tượng mới. Các thuộc tính được gán cho đối tượng không phải là các biến và không được định nghĩa với từ khóa var .

ví dụ 1

Hãy thử ví dụ sau; nó thể hiện cách tạo một đối tượng.
<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

Ví dụ 2

Ví dụ này minh họa cách tạo một đối tượng với một hàm do người dùng định nghĩa. Dưới đây này từ khóa được sử dụng để tham khảo các đối tượng đã được thông qua với một hàm.
<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

Định nghĩa các phương thức cho một đối tượng

Các ví dụ trước minh họa cách constructor tạo đối tượng và gán các thuộc tính. Nhưng chúng ta cần phải hoàn thành định nghĩa của một đối tượng bằng cách gán các phương thức cho nó.

Thí dụ

Hãy thử ví dụ sau; nó cho thấy cách thêm một hàm cùng với một đối tượng.
<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

Từ khoá 'với'

Các 'với' từ khóa được sử dụng như một loại viết tắt cho tham khảo thuộc tính hoặc các phương pháp của một đối tượng.

Đối tượng được chỉ định làm đối số cho với trở thành đối tượng mặc định cho khoảng thời gian của khối sau. Các thuộc tính và phương thức cho đối tượng có thể được sử dụng mà không cần đặt tên đối tượng.

Cú pháp

Cú pháp cho đối tượng như sau:
with (object){
   properties used without the object name and dot
}

Thí dụ

Hãy thử ví dụ sau.
<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

Đối tượng gốc JavaScript

JavaScript có một số đối tượng có sẵn hoặc được tạo sẵn. Các đối tượng này có thể truy cập ở bất cứ nơi nào trong chương trình của bạn và sẽ hoạt động theo cùng một cách trong bất kỳ trình duyệt nào đang chạy trong bất kỳ hệ điều hành nào.

Dưới đây là danh sách tất cả các đối tượng Native JavaScript quan trọng

Đối tượng số JavaScript

Đối tượng Boolean JavaScript

Đối tượng chuỗi JavaScript

Đối tượng mảng JavaScript

Đối tượng ngày JavaScript

Đối tượng toán học JavaScript

Đối tượng RegExp JavaScript

Không có nhận xét nào:

Đăng nhận xét

Lập trình Java - Ngoại lệ

Một ngoại lệ (hoặc sự kiện đặc biệt) là một vấn đề phát sinh trong quá trình thực hiện chương trình. Khi xảy ra Ngoại lệ , luồng bình thường...