Chương 3: sử dụng các class JavaScript cài sẵn

C risiu s= 70, Fahrenhei t= 94 eUtus = 6 0 F a h re n h e it« 7

76 Chương 3: sử dụng các class JavaScript cài sẵn

trong lập trìn h như bạn thường nghĩ về các đối tượng trong th ế giới thực. H ãy xem m ột ví dụ.

Xe hơi là m ột đối tượng cĩ những thuộc tín h n h ấ t định và cĩ th ê thực hiện những h à n h dộng n h ấ t định. Các thuộc tín h độc đáo của xe hưi phân b iệt nĩ với hầu h ế t các xe hơi khác trê n đường. T hậm chí nếu bạn gặp phải m ột xe khác cùng loại và model với xe của bạn, chúng cũng là những chiếc xe riêng biệt. Sau đây là một danh sách các thuộc tín h chung của xe hơi:

Thuộc tính Giá trị Year 2001 Make Toyota Model 4Runner SR5 Tires 4 Doors 4 Color Thundercloud

Speedometer (mph) Ranges from 0 to 70 Gas gauge (volume, in gallons) Ranges from 0.0 to 16.0

Những gì được liệt kê ở đây th ậ t ra là những biến lập trìn h sẽ đi vào đối tượng xe hơi (Car). Thực tế, năm thuộc tín h đầu tiê n (Year, Make, Model, Tires, và Doors) th ì thường trực - trong cách nĩi lập trìn h chúng là các co nstant (hằng). Các th am số cịn lại cĩ th ể được th ay đổi, do đĩ chúng là các biến. Hãy nhớ, chúng ta đã xem xét các h ằn g và biến trong chương 2. Nếu b ạn chuyển danh sách các thuộc tín h liên quan đến xe hơi th à n h m ã Jav a S c rip t 2.0, nĩ trơng giống như saụ

const Y e a r: Integer, const Make : string; const Model: string; const Tires : Integer; const Doors : Integer; var Color: string;

var CurrentSpeed : Number; var CurrentGas : Number;

Ngồi việc cĩ m ột số thuộc tín h , xe hơi cũng cĩ m ột số h à n h động mà nĩ phải thực hiện:

Nếu bạn làm điều nàỵ.. Xe hơi làm điều nàỵ..

Step on the gas pedal Increases its speed; increases fuel consump­ tion

Step on the brake pedal Decreases its speed; decreases fuel consump­ tion

Turn the steering wheel Turns its front wheels right or left right or left

Press the center of the Henks its horn steering wheel

Ađ gasoline into the gas tank Increases its gas volume

Lần nữa, từ k hía cạnh của nhà lập trìn h , đây là những hàm của xe hơị N hiều h àm liên quan đến các thuộc tín h của xe hơị Ví dụ, cả gas pedal (bàn đạp ga) và brake pedal (bàn đạp phanh) ả n h hưởng đến tốc độ (speed) và mức sử dụng n h iên liệu (gasoline) của xe hơị

N ếu xe hơi là m ột đối tượng cĩ th ể lập trìn h , nĩ cĩ các định nghĩa hàm Ja v a S c rip t 2.0 sau đâỵ

function depressGasPedal (howMuch : Integer) {} function depressBrakePedal (howMuch : Integer) {} function lurnSteeringWheel (degrees : Integer} {} funciion beephorn 0 i)

function ađGas (volume: Number) {}

Biến các thuộc tính và hàm thành một class

Việc định n g h ía đưn giản các hằng, biến /à hám tìưực tập hựp cua một xe hơi khơng làm cho nĩ trơ th à n h m ột đối tưựng. Trưđc khi m ột tập hựp mõ cổ *hể trĩ th à n h rt đốị tượnft, đẩu +.irn nĩ p M i trỏr fh ìn h m ột class.

Một class là m ột nhĩm biến và hàm độc lập. Các biến và h àm của m ột class cịn điíợc 1.11 á>* M ember tthành v én) c ta nĩ, idbơitg th ê được sử dụng để luu trữ dữ liệu hoặc thực hiện các h à n h động. Các đ a s s chỉ là các b ản th iế t k ế chi tiế t (blueprint) mà các đơi tượng được tạo từ đĩ. Sè cbỉ cĩ m ột class C ar trong chương trìn h máy tín h nhưng cĩ th ể cĩ m ột 30 đỏi tượng C ar. Cũng cĩ th ể khơng cĩ các đối tượng C ar nếu chúng ta khơng chọn tạo b ấ t kỳ đối tượng này

* • • • • • •

Thủ thuật •

Cĩ một ngoại lệ cho quy tắc răng các class khơng thể luU trữ dữ liệu hoặc thực hiện các hành động. Nếu một thành viên class dược định nghĩa là Static, nĩ cĩ thể được sử dụng mà khơng cĩ sự hiện hũu của một đơi tượng. C ác thành viên class Static được thảo luận chi tiết hơn trong chương 5.

Chương 5 sẽ đề cập đến các class do người đùng định nghĩạ Cĩ m ột cú pháp khác nhau để tạo định nghĩa class này tro n g Ja v a S c rip t 1 và Jav a S c rip t 2, và điều quan trọ n g là phải hiểu được sự khác biệt. Khơng

78 Chướng 3: Sử dụng các class JavaScript cài sẵn

cần đi vào chi tiế t, đây là cách class C ar trơ n g giống n h ư th ế nào tro n g cú pháp Ja v a S c rip t 2.0.

class Car {

const Year : Integer; const Make : string; const Model: string; const Tires : Integer; const Doors : Integer; var Color : string;

var CurrentSpeed : Number; var CurrentGas : Number;

function depressGasPedal (howMuch : Integer) { // Gas pedal JavaScript code

}

function depressBrakePedal (howMuch : Integer) { // Brake pedal JavaScript code

}

function turnSteeringWheel (degrees : Integer) { // Steering wheel JavaScript code

}

function beepHorn 0 { // Horn JavaScript code

}

function ađGas (volume : Number) { // Gas tank JavaScript code

} }

Chúng ta cĩ th ể tạo m ột đối tượng C ar bằng cách gọi to án tử new với tê n của class C ar. Bạn sẽ xem x ét to án tử new m ột cách chi tiế t hơn trong p h ần sau "Thể h iện cụ th ể m ột đối tượng bằng to án tử new", trong chương nàỵ

var myAuto = new Car(); myAutọ Year = 2001 ; myAutọMake = Toyotá; // etc.

Chưong 3: Sủ dụno các class JavaScript cài sẵn 79

Sau cùng, các class trong Jav aS crip t 2.0 cũng tự động định nghĩa là các kiểu dữ liệu, do đĩ các biến cĩ th ể được đ ịn h n g h ĩa cĩ th ể chỉ chứa đơi tượng được xác định.

Var Ferrari : Car = new Car o ;