Bài giảng Lập trình mạng: Bài 4 - Đoàn Thiện Ngân

Bài 4: Javascript tổng quan – Hàm - Vòng lặp – Đối tượng. Bài này gồm có những nội dung chính sau: Giới thiệu Javascript, sử dụng Javascript trong trang HTML, cú pháp cơ bản Javascript, variable - biến, kiểu dữ liệu, toán tử, hàm – function, các hàm thông dụng Javascript, hàm yêu cầu thực thi theo thời gian,... Mời các bạn cùng tham khảo.
Nội dung trích xuất từ tài liệu:
Bài giảng Lập trình mạng: Bài 4 - Đoàn Thiện Ngân Javascript Tổng quan – HàmVòng lặp – Đối tượng GV: ĐOÀN THIỆN NGÂN Nội dungChương 6: Giới thiệu Javascript • Tổng quan • Cú pháp cơ bảnChương 7: Hàm – Vòng lặp – Đối tượng •Hàm •Vòng lặp •Đối tượng LTM1 – JAVASCRIPT – 2/28 Giới thiệu Javascript• Javascript là ngôn ngữ kịch bản ở phía client• Ngôn ngữ Javascript được phát triển bởi Netscape cùng với sự cộng tác của Sun Microsystems, với tên gọi ban đầu là LiveScript.• Javascript lần đầu tiên được giới thiệu vào tháng 12 năm 1995, trong trình duyệt Nescape - phiên bản 2.0B3• Các phần mềm chuyên dụng soạn thảo mã Javascript là Visual Interdev, Dreamwaver, Microsoft Frontpage, Microsoft Expression Web, Eclipse, Netbeans, … LTM1 – JAVASCRIPT – 3/28Sử dụng Javascript trong trang HTML1. Chèn trực tiếp đoạn code Javascript vào giữa cặp thẻ … trong tập tin HTML. a) Hàm JS thường được chèn trong phần head b) JS tạo nội dung được chèn trong phần body2. Sử dụng tập tin Javascript riêng (*.js), và dùng thẻ trong phần head của trang HTML để chỉ vị trí tập tin Javascript. LTM1 – JAVASCRIPT – 4/28 Cú pháp cơ bản Javascript• Javascript phân biệt chữ hoa chữ thường – case sensitive• Statement – câu lệnh• Block of Statements – khối lệnh• Comment – chú thích üTrên 1 dòng: // üNhiều dòng: /* … */• Constant – hằng üvùng nhớ lưu trữ giá trị, được truy xuất thông qua tên ütrị của hằng là cố định, không thể thay đổi üKhai báo: const TÊN_HẰNG; LTM1 – JAVASCRIPT – 5/28 Variable - Biến• Khai báo biến üKhai báo: var tên_biến; tên_biến=giá_trị; üKhông cần xác định kiểu dữ liệu cho biến• Tầm vực: üBiến cục bộ üBiến toàn cục• JavaScript là ngôn ngữ có tính định kiểu thấp.• Không cần chỉ định kiểu dữ liệu cho biến khi khai báo.• Kiểu dữ liệu của biến sẽ được tự động chuyển thành kiểu phù hợp khi ta thay đổi giá trị của biến. LTM1 – JAVASCRIPT – 6/28 Kiểu dữ liệu• Kiểu số: số nguyên, số thập phân với dấu chấm động• Kiểu luận lý Boolean: true hay false• Kiểu chuỗi: giá trị chuỗi phải bọc trong cặp dấu nhày kép hay dấu nháy đơn üEscape character: (, , &) üKý tự đặc biệt: , , • Trị null: khởi tạo cho biến• Trị undefined: trị mặc định được gán cho các biến chưa khởi tạo giá trị. LTM1 – JAVASCRIPT – 7/28 Toán tử1. Toán tử số học: +, -, *, /, %, ++, --2. Toán tử gán: =. +=, -=, *=, /=, %=3. Toán tử so sánh: ==, !=, >, =, Hàm – Function• Hàm là một nhóm lệnh, thực hiện một công việc cụ thể, có thể được gọi thực hiện nhiều lần trong chương trình.• Ta có thể truyền dữ liệu cho hàm bằng tham số (đối số)• Hàm được định nghĩa thông qua từ khóa function, với một tên hàm xác định:• function functionName([thamsố1] [,thamsố2] [,….]) {… [ return trịTrảVề; ] }• Gọi hàm: functionName(…); LTM1 – JAVASCRIPT – 9/28 Các hàm thông dụng Javascript• Hàm hiển thị hộp thông báo: alert(msg);• Hàm nhập dữ liệu: prompt(msg,init);• Hàm xác nhận: confirm(msg);• Hàm đổi sang trị số: 1. parseInt(strNum): trả về một số nguyên 2. parseFloat(strNum): trả về một số thực 3. Number(strNum): trả về NaN nếu không là số 4. eval(strNum): lượng giá hay thực thi biểu thức• Hàm isNaN(str) kiểm tra str là một số, chuỗi số hay chuỗi kí tự. LTM1 – JAVASCRIPT – 10/28 Hàm yêu cầu thực thi theo thời gian• Hàm setTimeout() yêu cầu Javascript thực hiện một số tác vụ sau một khoảng thời gian xác định [xem hàm clearTimeout(idTimeout)].• Hàm setInterval() yêu cầu Javascript thực hiện một số tác vụ sau mỗi khoảng thời gian xác định [xem hàm clearInterval (idInterval)]. LTM1 – JAVASCRIPT – 11/28 Cấu trúc điều khiển if – switch• Dạng đơn giản: switch (biểu thức) { if (điềukiện) { case giá-trị-1: //Khối lệnh JavaScript } khối lệnh; break;• Dạng đầy đủ: ... if (điều kiện ) { case giá-trị-n: // khối lệnh 1 khối lệnh; break; } default: else { // khối lệnh 2 Khối lệnh; } } LTM1 – JAVASCRIPT – 12/28 Cấu trúc vòng lặpfor (khởi-tạo-biếnĐK; điều-kiện; for (biến in đối-tượng) cập-nhật-biếnĐK) {{ //Khối lệnh //Khối lệnh} }do { while (điều kiện) Chú ý: // khối lệnh; { ...