Trong bài viết này, bạn sẽ tìm hiểu cách hoạt động của các bộ câu lệnh js này và do đó, kết hợp tính tương tác trong các trang web của bạn
nội dung
Các câu lệnh trong JavaScript là gì. Định nghĩa cơ bản
Các câu lệnh là các hướng dẫn lập trình được viết trong một chương trình. Thông thường, một câu lệnh trong JavaScript chỉ định những gì tập lệnh sẽ làm và cách chúng sẽ thực hiện. Như vậy, một câu lệnh điều khiển luồng của một chương trình
Các câu lệnh được thiết kế để hoạt động độc lập với các đối tượng JavaScript, không giống như các sự kiện, thuộc tính và phương thức được gắn với các đối tượng sở hữu chúng. Tính năng này giúp bạn linh hoạt khi làm việc với các câu lệnh JavaScript. Bạn có thể sử dụng câu lệnh để làm việc với bất kỳ đối tượng nào
JavaScript không có nhiều câu lệnh như các ngôn ngữ lập trình khác. Tuy nhiên, chúng đủ đẹp để giúp các nhà phát triển tạo ra các chương trình đầy đủ chức năng. Việc thực hiện các câu lệnh này xảy ra theo thứ tự giống như khi chúng được viết – theo thứ tự 'lần lượt'
Câu lệnh JavaScript. Thành phần quan trọng để viết báo cáo hiệu quả
Câu lệnh JavaScript là một phần của hầu hết các chương trình JavaScript. Các chương trình JavaScript bên cạnh các câu lệnh JavaScript thường được gọi là mã JavaScript
Trước khi bạn có thể viết câu lệnh bằng JavaScript một cách hiệu quả, có một số điều bạn cần biết
– Dấu chấm phẩy [;]
Dấu dấu chấm phẩy được sử dụng để phân tách các câu lệnh trong JavaScript – chúng đánh dấu phần cuối của Câu lệnh. Điều đó có nghĩa là chúng được thêm vào cuối mỗi câu lệnh JavaScript thực thi. Ví dụ.
hãy x, y, z;x = 510;
y = 600; // Assign the value 600 to y
z = x + y; // Assign the sum of x and y to z
Bạn có thể viết nhiều câu lệnh JS trên một dòng nhưng hãy phân tách chúng bằng dấu chấm phẩy. Ví dụ
x = 510;Lưu ý rằng không bắt buộc phải kết thúc câu lệnh bằng dấu chấm phẩy [;], nhưng nên. Vì vậy, khi bạn thấy một số câu lệnh js trên web không có dấu chấm phẩy cũng không sao
– Khoảng trắng JavaScript
Khoảng trắng trong JavaScript được sử dụng để làm cho mã dễ đọc hơn. Ngoài ra, chúng không có chức năng nào khác. JavaScript sẽ bỏ qua nhiều khoảng trắng – đó là lý do tại sao chúng không quan trọng
Nhìn vào các tuyên bố dưới đây
let x = “Chào bạn”;let x=”Xin chào bạn”;
JavaScript coi những câu lệnh này là câu lệnh tương đương/tương tự. Tuy nhiên, cách thực hành JavaScript tốt nhất là đặt khoảng trắng xung quanh các toán tử [ = + – * / ] – chẳng hạn
đặt x = y + z;– Độ dài dòng và ngắt dòng
Các mã tốt nhất không vượt quá 80 ký tự – đây là những mã rất dễ đọc. Do đó, các nhà phát triển JavaScript tránh viết mã dài hơn 80 ký tự. Tuy nhiên, trong một số trường hợp, mã JavaScript có thể vượt quá độ dài ký tự đó. Để làm cho chúng dễ đọc hơn, hãy ngắt các mã như vậy sau toán tử
Ví dụ
tài liệu. getElementById[“Bài tập1”]. innerHTML =“Giày cao bồi. ;
– Khối mã JavaScript
Một khối mã, câu lệnh khối hoặc câu lệnh ghép chỉ đơn giản là một nhóm các câu lệnh JS bên trong dấu ngoặc nhọn [{…}]. Các khối mã xác định các câu lệnh sẽ được thực thi cùng nhau. Vì vậy, bạn sẽ sử dụng nhiều câu lệnh ở những nơi mà JavaScript mong đợi một câu lệnh. Đó là một thực tế phổ biến để kết hợp các câu lệnh trong js.
Ví dụ
function myFunction[] {tài liệu. getElementById[“Bài tập2”]. innerHTML = “Giày cao bồi. ;
tài liệu. getElementById[“Bài tập3″]. innerHTML = ” Đen hoặc Nâu”;
}
Bạn sẽ tìm thấy các câu lệnh được nhóm trong các hàm JavaScript. Hầu hết, chúng được sử dụng cùng với câu lệnh for và if…else
Cú pháp là
Tuyên bố chặn
{Danh sách câu lệnh
}
Tuyên bố khối được gắn nhãn
Định danh nhãn. {Danh sách câu lệnh
}
Nếu bạn khai báo một biến với var, hãy tạo nó bằng cách khai báo hàm ở chế độ không nghiêm ngặt – nó thiếu phạm vi khối. Các câu lệnh chặn sẽ không giới thiệu phạm vi. Thông thường, các biến trong một khối được đặt trong phạm vi tập lệnh hoặc chức năng chứa — tác dụng của việc đặt chúng tồn tại bên ngoài chính khối đó
Mặt khác, nếu bạn khai báo một định danh với const hoặc let, chúng sẽ không có phạm vi khối
– Từ khóa JavaScript
Từ khóa JavaScript là một từ dành riêng; . Thông thường, từ khóa xác định loại hoạt động để thực hiện. Các câu lệnh trong JavaScript thường bắt đầu bằng một từ khóa chỉ dẫn hành động được thực hiện. Các từ khóa phổ biến bạn sẽ gặp trong hướng dẫn này là
Câu lệnh JavaScript. Danh mục Tuyên bố
Bạn có thể sử dụng câu lệnh JavaScript để ra lệnh cho trình duyệt làm những gì bạn muốn. Điều đó có nghĩa là bạn có thể tạo các ứng dụng có chức năng cao với các câu lệnh này. Hãy nhớ rằng, dấu chấm phẩy là một kết thúc tùy chọn trong JavaScript, không giống như trong PHP và C. Trong JavaScript, bạn thường đánh dấu kết thúc câu lệnh bằng cách nhấn phím quay lại rồi bắt đầu một dòng mới
Các câu lệnh tiêu chuẩn trong JavaScript bao gồm gán biến mới, thay đổi giá trị trong biến hoặc gọi hàm. Tuy nhiên, một số câu lệnh thực hiện các chức năng riêng biệt. Phần này xem xét sâu hơn về các danh mục khác nhau
Dưới đây là một số câu lệnh JS bạn có thể sử dụng
- Câu điều kiện
Các câu lệnh có điều kiện cho phép các nhà phát triển kiểm soát các chương trình để thực hiện các hành động dựa trên tình huống hiện tại. Thông thường, chúng là một tập hợp các lệnh sẽ thực thi khi một điều kiện cụ thể là đúng. Hai câu điều kiện chủ yếu được sử dụng trong JavaScript – if…else và switch
– Câu lệnh if…else
Đây là những câu lệnh cơ bản cho phép JavaScript quyết định và thực thi các câu lệnh một cách có điều kiện. Câu lệnh IF là câu lệnh phổ biến nhất và nó chỉ chạy nếu điều kiện n trong ngoặc đơn kèm theo là đúng. Vì vậy, chỉ sử dụng Câu lệnh IF khi thực hiện câu lệnh nếu điều kiện là đúng
if [điều kiện]stat1
[else
stat2]
Điều kiện là bất kỳ biểu thức nào trả về đúng hoặc sai. Nếu nó đánh giá đúng, nó sẽ thực thi stat1;
Câu lệnh khối [{ … }] được sử dụng để thực thi nhiều câu lệnh. Đây là một cách tiếp cận tốt, đặc biệt nếu bạn đang xử lý mã js có các câu lệnh if lồng nhau
Hãy xem xét hai ví dụ dưới đây
Ví dụ số một
if [điều kiện] {stat1
} other {
stat2
}
Ví dụ số hai
if [15 > 10] {var result = “if block”;
}
kết quả;
đầu ra
“nếu chặn”trong ví dụ này
- Từ khóa IF hướng dẫn JavaScript bắt đầu Câu lệnh điều kiện
- Điều kiện cần kiểm tra là [15 > 10] – trong trường hợp này, điều kiện là đúng vì 15 lớn hơn 10
- Dấu ngoặc nhọn {} bao quanh mã khối để chạy
Mặt khác, Câu lệnh khác mở rộng câu lệnh IF, cung cấp một khối bổ sung để chạy nếu điều kiện sai. Điều đó có nghĩa là sử dụng câu lệnh khác nếu điều kiện sai
Ví dụ
if [“bò” === “mèo”] {var result = “if block”;
} other {
var outcome = “else block”;
}
outcome;
đầu ra
"khối khác"Bạn không nên sử dụng biểu thức điều kiện cho các bài tập đơn giản vì nó có thể bị nhầm lẫn với đẳng thức. Nếu bạn phải sử dụng một phép gán trong một câu lệnh có điều kiện, hãy bọc phép gán đó bằng các dấu ngoặc bổ sung
Ví dụ
if [[x = y]] {/* làm điều đúng đắn */
}
– Tuyên bố chuyển đổi
Câu lệnh chuyển đổi JavaScript là một câu lệnh có điều kiện để đánh giá các biểu thức có sẵn đối với tất cả các trường hợp có sẵn. Mục đích là khớp giá trị của biểu thức đó với các mệnh đề trường hợp và thực thi một hoặc nhiều câu lệnh liên quan đến trường hợp đó. Nói một cách đơn giản, tập lệnh sẽ thực thi câu lệnh được liên kết nếu nó tìm thấy kết quả khớp
Đây là một ví dụ
switch [biểu thức] {case cowx.
// thực thi khối mã cowx case
break;
case dê.
// thực thi khối mã dê
break;
mặc định.
// thực thi khối mã mặc định
}
Đây là những gì đang xảy ra trong đoạn mã trên
Đánh giá biểu thức xảy ra đầu tiên, trong đó chương trình tìm mệnh đề trường hợp khớp với giá trị biểu thức. Nó kiểm tra trường hợp cowx đối với biểu thức và mã sẽ thực thi nếu nó khớp. Cuối cùng, từ khóa break kết thúc khối chuyển đổi
Nếu nó không khớp, cowx sẽ bị bỏ qua và dê sẽ được kiểm tra theo biểu thức [mệnh đề mặc định tùy chọn]. Nếu nó khớp với biểu thức, tập lệnh sẽ thực thi các câu lệnh được liên kết và thoát. Chương trình tiếp tục thực hiện nếu không tìm thấy trường hợp khớp
Từ khóa break [tùy chọn] cho phép chương trình thoát khỏi switch sau khi thực hiện câu lệnh đã so khớp. Nó tiếp tục thực hiện câu lệnh switch theo sau
– Câu lệnh vòng lặp
Các câu lệnh lặp chỉ đơn giản là một chuỗi các câu lệnh được thực hiện lặp đi lặp lại để thỏa mãn một điều kiện nhất định. Một câu lệnh lặp kiểm tra xem một điều kiện có đúng không và thực thi một đoạn mã nếu nó đúng. Một lần nữa, nó lặp lại việc kiểm tra và nếu đúng, nó sẽ bắt đầu lại. Tuy nhiên, nếu nó sai, vòng lặp sẽ dừng lại
JavaScript hỗ trợ các câu lệnh vòng lặp for, while và do…while. Ngoài ra, nó hỗ trợ các câu lệnh nhãn, thường được sử dụng với các câu lệnh này. Hơn nữa, bạn có thể sử dụng câu lệnh continue và break với các vòng lặp
JavaScript cho tuyên bố. vòng lặp lặp lại cho đến khi điều kiện được chỉ định trả về false
Cú pháp của nó là
for [Biểu thức – chữ cái đầu];// code block to be executed
}
Câu lệnh do…while JavaScript. vòng lặp này sẽ lặp lại cho đến khi điều kiện được chỉ định đánh giá là sai
Ví dụ
Đây là cách nó xuất hiện
do {thân vòng lặp;
} while[ điều kiện ];
Câu lệnh JavaScript while. vòng lặp này thực thi các câu lệnh với điều kiện đã chỉ định trả về true. Nếu điều kiện là sai, Câu lệnh dừng thực thi, chuyển quyền điều khiển cho câu lệnh theo sau. Bạn có thể thực hiện nhiều câu lệnh bằng cách sử dụng câu lệnh khối
đầu ra
[{ … }].while [điều kiện]
Thân vòng lặp/câu lệnh
Nhãn JavaScript Tuyên bố. một nhãn cung cấp cho một câu lệnh một mã định danh để cho phép bạn tham khảo nó ở nơi khác trong chương trình. Chẳng hạn, bạn có thể sử dụng nhãn để xác định vòng lặp
– Các câu lệnh thao tác đối tượng
Với những câu lệnh này, bạn có thể tận dụng lợi thế của mô hình đối tượng để hoàn thành nhiệm vụ. Những câu lệnh này bao gồm for…in và for each
– JavaScript cho…trong Tuyên bố
Câu lệnh này lặp lại các thuộc tính có thể đếm được của một đối tượng theo thứ tự chèn. Câu lệnh bỏ qua các thuộc tính được khóa bởi các ký hiệu. Vòng lặp lặp qua các thuộc tính có thể đếm được của một đối tượng cùng với các thuộc tính mà một đối tượng kế thừa từ chuỗi nguyên mẫu của nó
cú pháp
for [biến trong đối tượng] {khối mã
}
Ví dụ
const car = {make. ”Subaru”, Model. ”Hẻo lánh”};let text = “;
for [let x in car] {
text += car
}
đầu ra
Subaru vùng hẻo lánhĐây là những gì đã xảy ra
Vòng lặp for…in lặp lại trên đối tượng xe hơi và mỗi lần lặp lại đánh giá một key[x]. khóa này truy cập giá trị của khóa, tôi. e. , ô tô[x]
Bạn cũng có thể sử dụng câu lệnh for…in để lặp qua các thuộc tính mảng
Cú pháp của nó là
cho [biến trong Mảng] {mã
}
Ví dụ
const số = [25, 41, 92, 161, 252];let txt = “”;
cho [let x in số
txt += numbers[x];
}
Đầu ra
Câu lệnh for in có thể lặp qua các giá trị mảng
2541
92
161
252
Nếu thứ tự chỉ mục là quan trọng, không sử dụng for…in trên một Mảng. Trong trường hợp này, vòng lặp for, vòng lặp for hoặc Mảng. forEach[] phù hợp
– Câu lệnh JavaScript forEach
Phương thức forEach[] cho phép các nhà phát triển lặp qua các mảng một cách dễ dàng. Phương pháp lặp này được sử dụng trong thực thi nối tiếp đối với một loạt các phần tử. Phương thức được bao gồm trong Mảng. prototype và được giới thiệu trong ES5
số. forEach[function[] {// mã
}];
Điểm độc đáo của Câu lệnh forEach là nó chuyển một hàm gọi lại cho từng phần tử mảng cùng với Giá trị hiện tại, Chỉ mục [không bắt buộc] và Mảng [không bắt buộc]
– Tuyên bố bình luận
Câu lệnh nhận xét là nhận xét của lập trình viên/ký hiệu tác giả trên mã. Thông thường, trình biên dịch thường bỏ qua nội dung chú thích. Một nhận xét được đưa vào mã nguồn và nó giải thích hoặc mô tả hoạt động trong mã nguồn. Điều này là để nhắc nhở nhà phát triển và giải thích cho người dùng mã mục đích của mã
JavaScript có hai loại bình luận. chú thích một dòng và nhiều dòng
Nhận xét một dòng. Nhận xét một dòng được bắt đầu bằng dấu gạch chéo kép hướng về phía trước [//]. Do đó, bất kỳ văn bản nào sau // đến cuối câu lệnh đều bị trình biên dịch bỏ qua; . Ví dụ
var x = 20;var y = 30;
var z = x + y; . ghi[z];
document.write[z]; //prints sum of 20 and 30
Bình luận nhiều dòng. Nhận xét nhiều dòng được đặt trong /* [ở đầu] và */ [ở cuối câu lệnh]. Bất cứ điều gì giữa các dấu hiệu này là một nhận xét và nó sẽ bị bỏ qua. Bình luận nhiều dòng được sử dụng khi viết bình luận dài
Đây là cách một bình luận nhiều dòng trông như thế nào
/* mã của bạn ở đây */– Các câu lệnh xử lý ngoại lệ
JavaScript đưa ra các ngoại lệ, một tuyên bố cho phép các nhà phát triển giải quyết các vấn đề mà họ gặp phải trong quá trình phát triển một cách hợp lý. Thông thường, xử lý ngoại lệ cho phép xử lý và báo cáo lỗi. Trong trường hợp có lỗi, tập lệnh sẽ đưa ra một ngoại lệ. Điều này ngụ ý rằng luồng bình thường của chương trình bị gián đoạn và môi trường thời gian chạy tìm thấy trình xử lý ngoại lệ
Trình xử lý ngoại lệ có thể cố gắng khôi phục;
Các trường hợp ngoại lệ có thể xảy ra do nhiều lý do bao gồm
- Khi bạn yêu cầu một tệp không tồn tại trong hệ thống
- Khi bạn chia một số cho 0 – kết quả là vô cùng
- Khi bạn cung cấp đầu vào sai
- Rớt mạng trong khi liên lạc
Các lỗi phổ biến mà bạn có thể gặp phải là Lỗi cú pháp, Lỗi thời gian chạy và Lỗi logic. Xử lý đúng các lỗi này có thể ngăn mã bị lỗi
Để xử lý các lỗi này, hãy sử dụng câu lệnh ném và câu lệnh try-catch-finally
Câu lệnh ném đưa ra các ngoại lệ sẵn có và ném ra một ngoại lệ do người dùng xác định. Câu lệnh ngoài ném sẽ không thực thi và quyền kiểm soát được chuyển đến khối bắt đầu tiên trong ngăn xếp cuộc gọi. Tuy nhiên, chương trình kết thúc nếu không tồn tại khối bắt
cú pháp
ném biểu thức;try…catch Statement
– In Tuyên bố trong JavaScript
JavaScript cung cấp nhiều khả năng hiển thị dữ liệu
- tài liệu. write[] – một phương pháp thuận tiện để kiểm tra code. Nhưng nó xóa tất cả nội dung HTML hiện có
- innerHTML – nó xác định nội dung HTML
- cửa sổ. báo động[]
- bảng điều khiển. log[] – lý tưởng cho mục đích gỡ lỗi
Vì JavaScript thiếu các đối tượng in hoặc phương thức in nên không thể truy cập các thiết bị đầu ra từ JavaScript. Nhưng khi bạn gọi cửa sổ. print[] trong trình duyệt, nó sẽ in nội dung của cửa sổ hiện tại
– JavaScript với Tuyên bố
cú pháp
với [đối tượng] {câu lệnh }
Từ khóa with là cách viết tắt để tham chiếu các phương thức hoặc thuộc tính của một đối tượng. Nó sẽ giới thiệu các thuộc tính của một đối tượng như một biến cục bộ trong một câu lệnh. Tuyên bố này rất quan trọng trong trường hợp bạn cần tránh dư thừa khi truy cập một đối tượng riêng lẻ
Tuy nhiên, việc sử dụng Tuyên bố with thường bị cấm, đặc biệt là trong chế độ nghiêm ngặt. Khi sử dụng các câu lệnh này, sẽ nảy sinh hai vấn đề
- Hiệu suất. tối ưu hóa quyền truy cập vào arg và các biến trong with là không thể. Bạn không thể dự đoán nếu arg đề cập đến một biến hoặc thuộc tính thực trong một đối số
- Bảo vệ. cú pháp xung quanh [từ vựng] không thể cho bạn biết mã định danh đề cập đến điều gì chỉ bằng cách nhìn. Thông thường, vi phạm phạm vi từ vựng, khiến cho việc phân tích chương trình trở nên khó khả thi
Chìa khóa rút ra
Trong bài viết này, bạn đã học được
- Các câu lệnh JavaScript là các lệnh điều khiển trình duyệt thực hiện một hành động cụ thể
- Các câu lệnh JavaScript được tạo thành từ các giá trị, biểu thức, toán tử, từ khóa và nhận xét
- Các câu lệnh JavaScript phân tách bằng dấu chấm phẩy
Bạn chỉ có thể viết các tập lệnh hữu ích nếu bạn có toàn quyền kiểm soát luồng tập lệnh. Các câu lệnh trong JavaScript cho phép bạn có toàn quyền kiểm soát các chương trình hoặc ứng dụng mà bạn đang tạo. Hướng dẫn câu lệnh JS chuyên sâu này sẽ giúp bạn quản lý mã của mình một cách hiệu quả
5/5 - [22 phiếu]
Vị trí là tất cả
Vị trí là tất cả. Tài nguyên Go-To của bạn để Tìm hiểu & Xây dựng. CSS, JavaScript, HTML, PHP, C++ và MYSQL