Cấu hình điều khiển cấu trúc trong javascript
26/03/2020
Cấu hình điều khiển cấu trúc trong javascript bao gồm các lệnh if, switch, loop for, while, do while… là các kiến trúc cần biết trong Javascript
Ra lệnh nếu trong javascript
Lệnh nếu trong javascript dùng để thực thi đoạn mã thi khi điều kiện là đúng [điều kiện sai thì bỏ qua đoạn mã, không thực hiện]
if [điềukiện] {
mã lệnh chạy khi điềukiện đúng
}
Ví dụ sử dụng lệnh if trong javascript
var dtb = prompt["Nhập điểm trung bình"]; if [dtb>10]{ alert["Điểm trung bình làm gì mà lớn dữ vậy bồ?"]; }
Ra lệnh if other trong javascript
Lệnh if other trong javascript là cách để thực thi một đoạn mã khi điềukiện đúng và thực thi một đoạn mã khác khi điềukiện là sai
if [điềukiện]{ mã lệnh chạy khi điều kiện đúng } else { mã lệnh chạy khi điều kiện sai }
Ví dụ sử dụng lệnh if other trong javascript
var p = prompt["Nhập phái [nam/nu] "]; if [p=='nu']{ phucap=200000; } else { phucap=100000; } alert["Phụ cấp là " + phucap];
Toán tử bậc 3 trong javascript
Cách sử dụng toán tử bậc 3 là cách sử dụng thuật toán thu gọn tương tự như lệnh if. Cú pháp như sau [toán hạng1]? . toán hạng3 trong đó oerand1 là nơi diễn ra điều kiện mô tả thì toán hạng2 được xử lý, ngược lại thì toán hạng3 sẽ được xử lý
vae nn = [lang=='vi']? 'Tiếng Việt':'English';
Công tắc lệnh
Công tắc lệnh trong javascript giúp bạn diễn giải nhiều giá trị của điềukiện để thực thi các mã lệnh khác nhau. Cú pháp như sau
switch [ biểuthức] { case giatri1: mã lệnh chạy khi biểuthức = giatri1 break; case giatri2: mã lệnh chạy khi biểuthức = giatri2 break; default: mã lệnh chạy mặc định }
Trong khối lệnh swirch, sử dụng lệnh ngắt để thoát khỏi lệnh chuyển đổi, nếu không, trình duyệt sẽ thực hiện tiếp tục các lệnh trong phần trường hợp tiếp theo
Ví dụ sử dụng chuyển đổi lệnh trong javascript
var diem = prompt["Hãy nhập điểm:"] switch [ diem ] { case "A": alert["Tuyệt vời!"]; break; case "B": case "C": alert["Khá!"]; break; case "D": case "E": case "F": alert["Bạn cần cố gắng hơn!"]; break; default: alert["Giá trị bạn nhập vào không hợp lệ."]; }//switch
Lệnh play while
Dùng lệnh lặp trong khi javascript để thực hiện lệnh lặp lại đoạn mã khi điều kiện còn đúng, lệnh trong khi sẽ dừng khi điều kiện đang sai. Điều kiện kiểm tra trước khi đoạn mã được thực thi
while [điềukiện ] { //Code thực hiện lặp lại khi điềukiện là đúng }
Ví dụ như lệnh lặp trong khi trong javascript
________số 8_______Chú thích. must Tính toán để điều kiện sẽ đến lúc sai, nếu không sẽ bị lỗi vô hạn
ví dụ khác
var n = 1; while [ n 10]{ alert["Điểm trung bình làm gì mà lớn dữ vậy bồ?"]; }0
Ví dụ như lệnh lặp do while trong javascript
var dtb = prompt["Nhập điểm trung bình"]; if [dtb>10]{ alert["Điểm trung bình làm gì mà lớn dữ vậy bồ?"]; }1
Chú thích. must Tính toán để điều kiện sẽ đến lúc sai, nếu không sẽ bị lỗi vô hạn
Command for in javascript
Một trong các cấu trúc điều khiển cấu trúc trong javascript thường hay sử dụng là lệnh lặp cho. Sử dụng lệnh này để lặp lại một đoạn mã với số lần xác định. Cú pháp command for as after
var dtb = prompt["Nhập điểm trung bình"]; if [dtb>10]{ alert["Điểm trung bình làm gì mà lớn dữ vậy bồ?"]; }2
Ví dụ lệnh lặp cho trong javascript
var dtb = prompt["Nhập điểm trung bình"]; if [dtb>10]{ alert["Điểm trung bình làm gì mà lớn dữ vậy bồ?"]; }3
The command for could used to verify a array
var dtb = prompt["Nhập điểm trung bình"]; if [dtb>10]{ alert["Điểm trung bình làm gì mà lớn dữ vậy bồ?"]; }4
Tạo hàm mới trong Javascript
Trong javascript, bạn có thể tạo thêm các hàm mới bên ngoài các hàm có sẵn trong thư viện javascript. Lệnh khai báo hàm mới là cần thiết khi bạn cần tạo ra một chức năng nào đó , có tên công cụ có thể và sử dụng nhiều lần về sau
Hàm sẽ chạy khi bạn gọi tên của nó. Cú pháp khai báo hàm mới giống như sau
var dtb = prompt["Nhập điểm trung bình"]; if [dtb>10]{ alert["Điểm trung bình làm gì mà lớn dữ vậy bồ?"]; }5
[Lệnh return in function dùng để thoát hàm và trả về 1 giá trị nào đó. Lệnh này có thể bỏ qua nếu không cần sử dụng]
default function Calling
var dtb = prompt["Nhập điểm trung bình"]; if [dtb>10]{ alert["Điểm trung bình làm gì mà lớn dữ vậy bồ?"]; }6
Ví dụ. định nghĩa hàm tính tuổi và gọi hàm
var dtb = prompt["Nhập điểm trung bình"]; if [dtb>10]{ alert["Điểm trung bình làm gì mà lớn dữ vậy bồ?"]; }7
Định nghĩa hàm chao và gọi hàm
var dtb = prompt["Nhập điểm trung bình"]; if [dtb>10]{ alert["Điểm trung bình làm gì mà lớn dữ vậy bồ?"]; }8
Chú thích. could call function could at a script thẻ khác với tập lệnh thẻ định nghĩa hàm
Ví dụ 3. function has return value
var dtb = prompt["Nhập điểm trung bình"]; if [dtb>10]{ alert["Điểm trung bình làm gì mà lớn dữ vậy bồ?"]; }9
Hàm nhắc trong javascript
Hàm prompt là hàm có sẵn trong javascript. You use function prompt to input value from user. Hàm nhắc trả về giá trị mà người dùng đã nhập, trả về Sai nếu người dùng nhắp nút Hủy. Call function prompt as after. prompt[thông_điệp ];
if [điềukiện]{ mã lệnh chạy khi điều kiện đúng } else { mã lệnh chạy khi điều kiện sai }0
Hàm xác nhận trong javascript
Hàm xác nhận là hàm có sẵn trong javascript. Nó giúp bạn hiện ra 1 hộp thoại để hỏi người dùng cái gì đó, trong hộp thoại có nút OK và nút Hủy. Nếu người dùng cài đặt OK [đồng ý] thì hàm xác nhận trả về giá trị đúng, còn nếu người dùng cài đặt nút Cancel thì hàm xác nhận trả về giá trị sai. Ví dụ
if [điềukiện]{ mã lệnh chạy khi điều kiện đúng } else { mã lệnh chạy khi điều kiện sai }1
Pham vi variable in javascript
local variable
- Biến được khai báo trong hàm
- Chỉ được tham chiếu đến trong phạm vi khai báo
Global Translator
- Biến được khai báo bên ngoài chức năng
- Can't reference to from any where
Ví dụ
if [điềukiện]{ mã lệnh chạy khi điều kiện đúng } else { mã lệnh chạy khi điều kiện sai }2
Event in Javascript
Tất cả các thẻ trong trang web đều có nhiều sự cố xảy ra, tùy theo cách sử dụng của người dùng như nhấp chuột, gõ phím…và trạng thái trang. Bạn cần biết về các sự kiện này để viết mã khi các sự kiện xảy ra
Các sự kiện trong javascript thường được sử dụng
trong một cái nhấp chuột. là sự kiện xảy ra khi người dùng nhấp chuột vào một thẻ trong trang web
onLoad và onUnload. là sự kiện xảy ra khi người dùng truy cập hoặc thoát khỏi trang web
onFocus, onBlur, onChange. là các sự kiện xả ra khi các trường biểu mẫu nhận được tiêu điểm, mất tiêu điểm hoặc bị thay đổi giá trị
onMouseOver. là sự kiện xảy ra khi người dùng di chuột lên thẻ HTML
Ví dụ cách sử dụng sự kiện
Nhấp vào bất kỳ đâu trên trang web
if [điềukiện]{ mã lệnh chạy khi điều kiện đúng } else { mã lệnh chạy khi điều kiện sai }3
Có thể thêm nhiều dòng lệnh
if [điềukiện]{ mã lệnh chạy khi điều kiện đúng } else { mã lệnh chạy khi điều kiện sai }4
=>Trong trường hợp xử lý phức tạp cho sự kiện????
Xử lý phức tạp cho sự kiện
Sử dụng hàm để thực hiện các xử lý cho sự kiện
if [điềukiện]{ mã lệnh chạy khi điều kiện đúng } else { mã lệnh chạy khi điều kiện sai }5
Ví dụ 2
if [điềukiện]{ mã lệnh chạy khi điều kiện đúng } else { mã lệnh chạy khi điều kiện sai }6
Các hàm timer trong javascript
Trong javaScript, có một số hàm giúp bạn xử lý các sự kiện theo thời gian. That is the following functions
Hàm Giải thích setTimeout Thực hiện công việc sau một khoảng thời gian chỉ định [thời gian tính bằng mili giây]clearTimeoutHủy bỏ setTimeout trước đósetInterval Thực hiện lặp lại công việc sau một khoảng thời gian chỉ định [thời gian tính bằng mili giây]clearIntervalHủy bỏ setInterval trước đócú pháp
if [điềukiện]{ mã lệnh chạy khi điều kiện đúng } else { mã lệnh chạy khi điều kiện sai }7
- Lệnh_javascript. Là mã lệnh javascript sẽ thực thi hoặc lời gọi hàm
- mili_giây. Sau this time code will be done
- setTimeout[] trả về giá trị đại diện, giá trị này được lưu trong biến t. Nếu muốn hủy bỏ setTimeout, hãy sử dụng hàm clearTimeout và truyền vào đối số t
Hàm setTimeout trong javascript
if [điềukiện]{ mã lệnh chạy khi điều kiện đúng } else { mã lệnh chạy khi điều kiện sai }8
Hàm setInterval trong javascript
if [điềukiện]{ mã lệnh chạy khi điều kiện đúng } else { mã lệnh chạy khi điều kiện sai }9
Cấu trúc điều khiển cấu trúc trong Javascript được sử dụng để thực hiện các tính toán, tạo dữ liệu và hiển thị dữ liệu trong trang theo ngữ cảnh. You will use them very many after this. Bài tiếp theo sẽ nói về lập trình đối tượng trong Javascript và mô hình BOM