I.Đối tượng trong JavaScript
- Trong TypeScript,chúng ta có thể tạo 1 đối tượng giống như tạo đối tượng trong JavaScript.Có 3 cách để tạo 1 đối tượng trong JavaScript.
- Cách 1 : Dùng đối tượng Object
- Ví dụ 1: Tạo một đối tượng student có thuộc tính name = Angela,age = 18
1 2 3 4 |
var student = Object(); student.name = "Angela"; student.age = 18; student.course = "TypeScript"; |
- Cách 2 : Ta có cách định nghĩa thứ 2
- Ví dụ 2:Cũng với đối tượng student ở trên nhưng ta sẽ tạo theo cách khác
1 2 3 4 5 |
var student = { name:"Angela", age:18, course:"TypeScript" } |
- Cách 3 : Ta khai báo đối tượng bằng cách sử dụng hàm (function).Ta sử dụng từ khóa this vào tạo ra các thuộc tính cho đối tượng
- Ví dụ 3:
1 2 3 4 5 6 7 |
function student(name:string,age:number,course:string) { this.name = name; this.age = age; this.course = course; } var student1 = new student('Angela',18,'TypeScript'); |
II.Class
1.Khai báo lớp
a.Khai báo 1 lớp
- Sử dụng class(lớp) là một cách không thể thiếu trong các ngôn ngữ lập trình hướng đối tượng.Class không phải là 1 đối tượng,có thể hiểu class là một mô tả trạng thái, hành động của đối tượng đó.
1 2 3 4 |
class className { //các khai báo } |
b.Thuộc tính
- Thuộc tính của class là những thuộc tính của đối tượng mà class đó mô tả.
1 2 3 4 |
class className { thuoc_tinh:kieu_du_lieu; } |
- Ví dụ : tạo 1 class Student có thuộc tính name,age,và course
1 2 3 4 5 6 |
class Student { name:string; age:number; course:string; } |
c.Phương thức
- Phương thức của class chính là phương thức của đối tượng mà class đó mô tả.Phương thức có thể coi là 1 hàm nhưng nằm trong class,muốn gọi đến nó phải thông qua class.
1 2 3 4 5 6 7 |
class className { ten_phuong_thuc(tham_so_1:kieu_du_lieu,tham_so_2:kieu_du_lieu...):kieu_du_lieu { // Thực hiện hành động } } |
- Ví dụ: Trong class Student ta tạo ra 1 phương thức là study
1 2 3 4 5 6 7 8 9 10 |
class Student { name:string; age:number; course:string; study():void { document.write("Learning TypeScript"); } } |
2.Khởi tạo lớp
a.Khởi tạo lớp
- Khởi tạo đối tượng là ta tạo một hình tượng của lớp mà ta đã khai báo. Vì lớp mô phỏng cho đối tượng nên sau này tôi sẽ dùng từ lớp thay cho đối tượng luôn.
1 |
var className1 = new className(); |
- Ví dụ 1: khởi tạo đối tượng student
1 |
var student1 = new student(); |
b.Truy xuất đến các thuộc tính và phương thức
Ta sử dụng cú pháp ten_lop.ten_thuoc_tinh(ten_phuong_thuc)
Bài học typescript cơ bản xem tại đây.
- Ví dụ 2:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
class student { name:string; age:number; course:string; study():void { document.write("Learning TypeScript"); } } var student1 = new student(); student1.name ='Angela'; student1.age =18; student1.course = 'TypeScript'; student1.study(); |
Tác giả : Hà Trung Vietpro