http://vietjack.com/javascript/index.jsp Copyright © vietjack.com Đối tượng JavaScript JavaScript Ngơn ngữ chương trình hướng đối tượng (Object Oriented Programming) Một Ngơn ngữ chương trình gọi hướng đối tượng cung cấp khả tới nhà lập trình: Encapsulation − Khả lưu giữ thông tin liên quan, liệu phương thức, với đối tượng Aggregation − Khả lưu giữ đối tượng bên đối tượng khác Inheritance − Khả lớp dựa lớp khác (hoặc số lớp) số thuộc tính phương thức Polymorphism − Khả để viết hàm phương thức mà làm việc nhiều cách đa dạng khác Các đối tượng bao gồm thuộc tính Nếu thuộc tính chứa hàm, cho phương thức đối tượng, khơng thuộc tính xem thuộc tính Các thuộc tính đối tượng Các thuộc tính đối tượng loại kiểu liệu gốc (primitive), kiểu liệu trừu tượng (abstract), ví dụ đối tượng khác Các thuộc tính đối tượng thường biến mà sử dụng bên phương thức đối tượng, biến global nhìn thấy mà sử dụng xuyên suốt trang web Cú pháp để thêm thuộc tính tới đối tượng là: objectName.objectProperty = propertyValue; Ví dụ − Code sau nhận title tài liệu sử dụng thuộc tính “title” đối tượng Document: var str = document.title; Phương thức đối tượng Các phương thức hàm mà dẫn đối tượng thực việc dẫn việc thực tới Có khác nhỏ hàm phương thức: hàm http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/javascript/index.jsp Copyright © vietjack.com đơn vị đứng độc lập lệnh phương thức đính kèm tới đối tượng tham chiếu từ khóa this Các phương thức hữu dụng cho thứ từ hiển thị nội dung đối tượng hình tới thực phép tốn phức tạp nhóm thuộc tính tham số nội Ví dụ − Sau ví dụ đơn giản để cách sử dụng phương thức write() đối tượng document để viết nội dung tài liệu document.write("This is test"); Các đối tượng người dùng tự định nghĩa Tất đối tượng người dùng tự định nghĩa (User-defined Objects) đối tượng có sẵn đối tượng đối tượng gọi Object Toán tử new Toán tử new sử dụng để tạo đối tượng Để tạo đối tượng, toán tử new theo sau phương thức constructor Trong ví dụ sau, phương thức constructor Object(), Array(), Date() Những constructor hàm có sẵn JavaScript var employee = new Object(); var books = new Array("C++", "Perl", "Java"); var day = new Date("August 15, 1947"); Object() Constructor Một constructor hàm mà tạo khởi tạo đối tượng JavaScript cung cấp hàm constructor đặc biệt Object() để xây dựng đối tượng Giá trị trả Object()constructor gán tới biến Biến chứa tham chiếu tới đối tượng Các thuộc tính gán tới đối tượng khơng biến khơng định nghĩa với từ khóa var Ví dụ Bạn thử ví dụ sau Nó minh họa cách tạo Object http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/javascript/index.jsp Copyright © vietjack.com User-defined objects var book = new Object(); // Create the object book.subject = "Perl"; // Assign properties to the object book.author = "Mohtashim"; document.write("Book name is : " + book.subject + ""); document.write("Book author is : " + book.author + ""); Kết Book name is : Perl Book author is : Mohtashim Ví dụ Ví dụ minh họa cách tạo đối tượng với User-Defined Function (hàm người dùng tự định nghĩa) Ở đây, từ khóa this sử dụng để tham chiếu tới đối tượng mà truyền tới hàm User-defined objects http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/javascript/index.jsp Copyright © vietjack.com function book(title, author){ this.title = title; this.author = author; } var myBook = new book("Perl", "Mohtashim"); document.write("Book title is : " + myBook.title + ""); document.write("Book author is : " + myBook.author + ""); Kết Book title is : Perl Book author is : Mohtashim Định nghĩa phương thức cho đối tượng Ví dụ trước minh họa cách constructor tạo đối tượng gán thuộc tính Nhưng cần hoàn thành việc định nghĩa đối tượng việc gán phương thức cho Ví dụ Bạn thử ví dụ sau Nó cách thêm hàm với đối tượng User-defined objects http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/javascript/index.jsp Copyright © vietjack.com // 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 } var myBook = new book("Perl", "Mohtashim"); myBook.addPrice(100); document.write("Book title is : " + myBook.title + ""); document.write("Book author is : " + myBook.author + ""); document.write("Book price is : " + myBook.price + ""); Kết Book title is : Perl Book author is : Mohtashim Book price is : 100 http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/javascript/index.jsp Copyright © vietjack.com Từ khóa 'with' Từ khóa 'with' sử dụng loại tốc ký (shorthand) để tham chiếu thuộc tính phương thức đối tượng Đối tượng xác định tham số tới with trở thành đối tượng mặc định cho quãng thời gian (duration) khối mà theo sau Các thuộc tính phương thức cho đối tượng sử dụng mà khơng cần đặt tên đối tượng Cú pháp Cú pháp cho đối tượng with sau: with (object){ properties used without the object name and dot } Ví dụ Bạn thử ví dụ sau: User-defined objects // 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 http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/javascript/index.jsp Copyright © vietjack.com } var myBook = new book("Perl", "Mohtashim"); myBook.addPrice(100); document.write("Book title is : " + myBook.title + ""); document.write("Book author is : " + myBook.author + ""); document.write("Book price is : " + myBook.price + ""); Kết Book title is : Perl Book author is : Mohtashim Book price is : 100 Các đối tượng JavaScript có sẵn JavaScript có số đối tượng có sẵn (built-in native objects) Những đối tượng truy cập từ đâu chương trình bạn làm việc theo cách tương tự với đối tượng chạy Hệ điều hành Dưới danh sách tất JavaScript Native Objects: JavaScript - Đối tượng Number JavaScript - Đối tượng Boolean JavaScript - Đối tượng String http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/javascript/index.jsp JavaScript - Đối tượng Array JavaScript - Đối tượng Date JavaScript - Đối tượng Math JavaScript - Đối tượng RegExp http://vietjack.com/ Trang chia sẻ học online miễn phí Copyright © vietjack.com Page ... http://vietjack.com /javascript/ index.jsp JavaScript - Đối tượng Array JavaScript - Đối tượng Date JavaScript - Đối tượng Math JavaScript - Đối tượng RegExp http://vietjack.com/ Trang chia sẻ học online miễn. .. sách tất JavaScript Native Objects: JavaScript - Đối tượng Number JavaScript - Đối tượng Boolean JavaScript - Đối tượng String http://vietjack.com/ Trang chia sẻ học online miễn phí Page... : 100 Các đối tượng JavaScript có sẵn JavaScript có số đối tượng có sẵn (built-in native objects) Những đối tượng truy cập từ đâu chương trình bạn làm việc theo cách tương tự với đối tượng chạy