Là ngôn ngữ lập trình phổ biến nhất, bắt buộc các lập trình viên và nhà phát triển phải hiểu mã JavaScript và các lệnh JS. Các nhà phát triển thành thạo mã JavaScript là những người có giá trị nhất đối với nhà tuyển dụng. Nếu bạn chưa quen với ngôn ngữ lập trình và phát triển web, bạn sẽ muốn làm quen với danh sách lệnh JavaScript
Khi học JavaScript, điều cần thiết là bạn phải tìm hiểu về các lệnh JS tốt nhất vì điều này sẽ cho phép bạn tạo mã JavaScript với độ chính xác cao hơn. Tại đây, bạn sẽ tìm thấy hướng dẫn chi tiết dành cho nhà phát triển JavaScript với mọi thứ bạn cần biết về 20 lệnh hàng đầu trong danh sách lệnh JavaScript
Ba loại dữ liệu của mã JavaScript
Chỉ có ba loại dữ liệu trong các lệnh JS được coi là nguyên thủy. Điều này có nghĩa là các hoạt động phức tạp hơn có thể được xây dựng bằng cách sử dụng ba loại dữ liệu này, nhưng bản thân các loại dữ liệu này không được lấy từ các thủ tục khác. Các thuộc tính bổ sung không thể được thêm vào các kiểu dữ liệu nguyên thủy. Các kiểu dữ liệu này là số, chuỗi và boolean
Con số
Hàm Number[] trả về nghiệm cho một phương trình. Hàm Number[] cũng có thể trả về giá trị là NaN, nghĩa là không phải là số. Điều này xảy ra khi một phép tính không thể thực hiện được, chẳng hạn như một nỗ lực chia 0 cho 0. Bất kỳ biểu thức toán học nào không được xác định sẽ dẫn đến NaN. Ví dụ: một dòng mã JS có nội dung Số[“Hướng dẫn JS dành cho nhà phát triển”] sẽ trả về NaN vì đây không phải là giá trị số. Bạn sẽ cần sử dụng hàm String[] cho đối tượng này. Hàm Number[] sẽ trả về giá trị 0 nếu không có đối số nào được cung cấp trong các tham số của đối tượng
Chuỗi
Hàm String[] của mã JavaScript trả về một giá trị chứa các ký tự chữ cái. Ví dụ: một dòng mã có nội dung String a=new String[“Có ba kiểu dữ liệu nguyên thủy”]; . Ký tự, a, là một biến tham chiếu. Các từ trong ngoặc đơn được gọi là đối tượng. Điều quan trọng cần nhớ là bạn không thể thay đổi phương thức String[] sau khi nó được tạo
Boolean
Hàm Boolean[] chuyển đổi một đối tượng thành một trong hai phản hồi. Một Boolean trả về một giá trị đúng hoặc sai. Các trường hợp trong đó một đối tượng Boolean có giá trị sai là…
- khi tham số giá trị là null
- khi tham số giá trị không được xác định
- khi tham số giá trị là 0
- khi tham số giá trị là -0
- khi tham số giá trị không được bao gồm
- khi chuỗi rỗng
Tầm quan trọng của dấu chấm phẩy
Khi làm việc với mã JS, điều quan trọng là bạn phải thực hiện đúng cách chấm dứt dòng. Cách tốt nhất để kết thúc một dòng mã là đặt dấu chấm phẩy ở cuối, mặc dù nếu bạn quên, phần mềm JavaScript sẽ chèn dấu chấm phẩy thay cho bạn. Trong trường hợp JavaScript bị trục trặc, bạn có thể nhận được một dòng mã chưa được kết thúc đúng cách. Đây là một sự hiếm có. Tuy nhiên, điều đó có thể xảy ra và có khả năng gây ra lỗi trong mã hóa JavaScript của bạn. Chèn dấu chấm phẩy theo cách thủ công nên là thói quen mà bạn áp dụng, ngay cả với tính năng tự động chèn dấu chấm phẩy của JavaScript. Dấu chấm phẩy làm cho mã JS dễ đọc đối với mọi người
Gần như mọi trang web, ứng dụng dành cho thiết bị di động và ứng dụng web đều sử dụng một số JavaScript. Ngôn ngữ lập trình nguồn mở cho phép các ứng dụng năng động và hấp dẫn hơn. Nó cũng rất dễ học vì nó chỉ có một vài quy tắc, cho phép bạn hoàn thành các tác vụ đơn giản chỉ với một vài dòng mã. Bạn không cần nhập gói hoặc khai báo không gian tên. Bạn chỉ cần viết một số mã, và nó hoạt động. Tuy nhiên, việc thiếu cấu trúc có thể khiến nhiều nhà phát triển mới bắt đầu viết mã dễ vỡ, không có cấu trúc, có thể dẫn đến các lỗi không mong muốn, khó tìm.
Do đó, bạn nên phát triển một trang lừa đảo JavaScript cho chính mình. Sau đó, bạn sẽ có một danh sách các lệnh hữu ích mà bạn có thể tham khảo khi cần trợ giúp để hoàn thành một dự án. Với tính linh hoạt của ngôn ngữ, bạn sẽ không bao giờ tìm thấy một danh sách dứt khoát các từ khóa JavaScript tốt nhất. Mỗi lập trình viên đều khác nhau và nhu cầu cụ thể của bạn có thể rất khác so với những người khác
Tuy nhiên, đây là danh sách các lệnh phổ biến nhất đáng để bạn theo dõi
1. tài liệu. getElementById[]
JavaScript và nhiều khung của nó như JQuery cho phép bạn xử lý mã dựa trên tên hoặc lớp HTML cụ thể. Trong khi điều này hoạt động, nó có thể làm chậm tập lệnh của bạn vì nó phải xem qua toàn bộ tập lệnh để tìm đúng thẻ. Bạn có thể tăng tốc độ tìm kiếm này thông qua mô hình đối tượng tài liệu [DOM] của ứng dụng bằng cách sử dụng ID phần tử
2. Đầu vào / Đầu ra cơ bản
Ngoại trừ các tập lệnh cơ bản nhất, tất cả các ứng dụng đều yêu cầu một số tương tác của người dùng. Với JavaScript, chức năng này xuất hiện dưới dạng lệnh alert[] và prompt[]. Cảnh báo gửi thông tin cho người dùng thông qua hộp thoại, trong khi lời nhắc yêu cầu phản hồi
cú pháp
alert["message"];
stringVar = prompt["message"]
3. Đặt thời gian chờ []
Hàm setTimeout là một hàm JavaScript gốc. SetTimeout cho phép bạn tự động chạy các lệnh tại một thời điểm cụ thể mà không cần người dùng nhập liệu. Lệnh JS đơn giản này chỉ yêu cầu lệnh bạn muốn chạy và khi nào bạn muốn chạy nó. Nó đặt bộ đếm thời gian [bộ đếm ngược tính bằng mili giây] để thực thi chức năng gọi lại, gọi hàm sau khi hoàn thành bộ hẹn giờ
cú pháp
setTimeout[command, time];
Bạn phải biểu thị thời gian bằng mili giây nhưng bạn có thể sử dụng bất kỳ câu lệnh JavaScript nào làm lệnh. Ví dụ: đoạn mã sau chạy lệnh myfunction sau 5 giây
Ví dụ
setTimeout[myfunction, 5000];
4. Khoảng thời gian đặt []
Bạn cũng có thể chạy lặp lại các lệnh JavaScript bằng cách sử dụng lệnh setinterval. Phương thức setInterval[] gọi một hàm theo các khoảng thời gian đã chỉ định [tính bằng mili giây]. Setinterval rất tuyệt khi bạn cần ứng dụng của mình làm mới dữ liệu của nó từ cơ sở dữ liệu theo khoảng thời gian mong muốn
cú pháp
setInterval[command, time];
5. ClearTimeout[] và ClearInterval[]
Nếu bạn sẽ sử dụng settimeout hoặc setinterval, bạn cũng sẽ muốn sử dụng lệnh xóa được liên kết của chúng. ClearTimeout và ClearInterval lấy tên biến cho một lệnh thiết lập và sau đó xóa nó khỏi bộ nhớ
Giá trị id số được hàm setTimeout[] trả về được lưu trữ trong một biến và được chuyển vào hàm clearTimeout[] để xóa bộ hẹn giờ. Tương tự, quy trình tương tự được thực hiện cho setInterval[] và clearInterval[]
Ví dụ
$timer = setInterval[command, 5000];clearInterval[$timer];
6. biến
Đó là một lệnh đơn giản, nhưng hầu hết các nhà phát triển JavaScript đều quên sử dụng nó. Var chính thức tạo các biến của bạn. Mặc dù bạn có thể tạo và sử dụng các biến JavaScript mà không cần có nó, nhưng ngôn ngữ này coi các biến này là biến toàn cục. Điều này là tốt nếu đó là ý định của bạn, nhưng có nguy cơ ghi đè lên một cái gì đó nếu bạn không cẩn thận. Nó cũng sử dụng nhiều tài nguyên hơn. Bạn có thể cải thiện hiệu suất của ứng dụng chỉ bằng cách khai báo chính thức các biến của mình
Các biến được khai báo trong các kiểu dữ liệu khác nhau là tiền tố trong khi viết mã. Theo đó, kích thước, cũng như chức năng của biến được quyết định
7. Chức năng tự gọi
Hàm tự gọi là một lệnh JavaScript chạy ngay khi bạn tạo nó. Các biểu thức hàm sẽ tự động thực thi nếu biểu thức được theo sau bởi []. Tuy nhiên, bạn không thể tự gọi khai báo hàm. Các lệnh này còn được gọi là Hàm ẩn danh tự gọi hoặc Biểu thức hàm được gọi ngay lập tức [IIFE]
Ví dụ
[function[]{ // some private code that will be executed automatically}]
8. môn Toán. ngẫu nhiên[]
Lệnh Math.random tạo số ngẫu nhiên. Chính xác hơn, nó trả về một số dấu phẩy động, giả ngẫu nhiên trong phạm vi từ 0 đến nhỏ hơn 1 [bao gồm 0, nhưng không phải 1] với phân phối xấp xỉ đồng đều trên phạm vi đó — sau đó bạn có thể chia tỷ lệ theo phạm vi mong muốn của mình
9. Bản đồ[]
map[] command cho phép bạn lặp qua một mảng hoặc bộ sưu tập. Trong JavaScript, phương thức map[] xây dựng một mảng bằng cách chạy một hàm đã cho trên mỗi thành viên của mảng cha. Đó là một cách tiếp cận không thay đổi bất cứ điều gì. Phương thức map[] thường được sử dụng để duyệt qua một mảng và chạy một hàm trên mỗi mục nhập. Điều này là hoàn hảo để chạy cùng một lệnh trên một mảng lớn
10. gỡ lỗi[]
Gỡ lỗi giới hạn tần suất một lệnh JS sẽ chạy. Về mặt chức năng, nó ngược lại với thời gian chờ. Điều này đặc biệt tốt nếu một số tương tác lặp đi lặp lại của người dùng sẽ làm chậm hiệu suất hoặc gây ra các vấn đề khác
Chức năng gỡ lỗi đảm bảo rằng mã của bạn chỉ được kích hoạt một lần cho mỗi lần nhập của người dùng. Đề xuất hộp tìm kiếm, tự động lưu trường văn bản và loại bỏ nhấp đúp vào nút đều là các trường hợp sử dụng để gỡ lỗi
11. thăm dò ý kiến[]
Nhiều lệnh JavaScript không cảnh báo hệ thống khi chạy xong. Đôi khi, bạn phải thăm dò ý kiến thủ công để xem liệu có điều gì đó dừng lại hoặc có ngoại lệ hay không. Đây là một lệnh phức tạp để sử dụng, nhưng nó đáng để nỗ lực
12. Một lần[]
Một lần cho phép bạn chạy lệnh một lần và chỉ một lần trong quá trình thực thi ứng dụng. Cho dù chúng ta thực thi hay gọi hàm này nhiều lần thì nó cũng không có tác dụng. Các giá trị của hàm ban đầu sẽ chỉ được trả về mỗi khi nó được gọi. Bạn chủ yếu tìm thấy các lệnh này trong trình xử lý sự kiện
13. GetAbsoluteUrl[]
Lệnh JavaScript này cung cấp cho bạn URL thực của một địa chỉ web, đặc biệt nếu nó được chứa trong một chuỗi. Nó chỉ lấy chuỗi URL và trả lại địa chỉ với tất cả các truy vấn và các phần tử khác đã bị xóa
Ví dụ
stringVar = prompt["message"]0
14. Chuỗi. thay thế[]
Lệnh thay thế cho phép bạn thay đổi văn bản trong một chuỗi. Nó tìm kiếm chuỗi cho văn bản bạn muốn thay thế và chuyển nó ra cho những gì bạn muốn. Mẫu tìm kiếm có thể là một chuỗi văn bản đơn giản hoặc một biểu thức chính quy. Sau đó, lệnh trả về chuỗi mới này, giữ nguyên chuỗi ban đầu. Điều này có thể được sử dụng để tìm kiếm và thay thế các chuỗi con nhất định từ một chuỗi chính dài và lặp đi lặp lại
15. Mảng. Đẩy[]
Đẩy thêm các mục vào mảng. Phương thức push[] thay đổi độ dài của mảng. Phương thức push[] tạo ra một chiều dài mới. Nó thay đổi mảng trực tiếp mà không trả lại bất cứ thứ gì
16. Mảng. lọc[]
Bộ lọc lấy các mục ra khỏi một mảng dựa trên một số tiêu chí và sau đó tạo một mảng mới chỉ với các mục đó. Hàm lọc lặp lại các giá trị hiện có trong một mảng và trả về các giá trị vượt qua
17. Mảng. giảm[]
Giảm là một lệnh mảng thường bị bỏ qua. Nó chuyển đổi các mục của một mảng thành một mục duy nhất. Phương thức reduce[] không thực thi hàm đối với các phần tử mảng trống. Phương thức reduce[] không thay đổi mảng ban đầu. Hoàn hảo cho việc tính toán, nó có thể trả về bất kỳ loại biến nào
18. Chuỗi. toLowerCase[]
ToLowerCase giống như những gì nó làm. Nó chuyển đổi một chuỗi thành tất cả các chữ cái viết thường. Nó không thay đổi hoặc can thiệp vào chuỗi gốc, nội dung hoặc độ dài của nó. Lệnh phổ biến này cho phép bạn chuyển đổi dữ liệu thành các định dạng URL tiêu chuẩn mà hầu hết các trình duyệt web sẽ hiểu được
19. IsNative[]
Hàm này cho biết liệu một tính năng trình duyệt nhất định có nguồn gốc từ một trình duyệt cụ thể hay tính năng đó đến từ ứng dụng của bên thứ ba
20. Chuỗi. chất nền[]
Chất nền đi sâu vào một chuỗi và trả về văn bản dựa trên các tiêu chí được cung cấp. Bạn phải chỉ định nơi bạn muốn lệnh bắt đầu và số lượng ký tự bạn muốn lệnh truy xuất
Một số trong số hai mươi lệnh này được tích hợp vào ngôn ngữ. Những thứ khác là những đoạn mã hữu ích mà cộng đồng nhà phát triển JavaScript thấy phù hợp để tạo. Dù bằng cách nào, tất cả các lệnh JavaScript sẽ giúp bạn nâng cao kiến thức và kỹ năng của mình
21. gỡ lỗi [tin nhắn]
Đây là một trong những lệnh Javascript quan trọng nhất. Lệnh này được sử dụng để gửi tin nhắn đến cửa sổ giao diện điều khiển. Câu lệnh trình gỡ lỗi gọi bất kỳ chức năng gỡ lỗi có sẵn nào, chẳng hạn như đặt điểm dừng. Nếu không có chức năng sửa lỗi, câu lệnh này không có hiệu lực
Ví dụ
stringVar = prompt["message"]1
Lệnh trên đang gửi thông điệp tường trình đến cửa sổ giao diện điều khiển. Lệnh này tương đương với bàn điều khiển. lệnh đăng nhập. Các đối tượng được chuyển bằng cách áp dụng lệnh được chuyển đổi thành một giá trị chuỗi. Điều này chủ yếu được sử dụng trong Microsoft Visual studio dưới dạng lệnh nhật ký bảng điều khiển
22. chuỗi. toLowerCase[]
stringVar = prompt["message"]2 thực hiện chính xác những gì bạn tin rằng nó sẽ làm. Nó chỉ cung cấp một chuỗi mới đã được chuyển thành tất cả các chữ thường từ chuỗi cũ. Chuỗi ban đầu không được sửa đổi. Ví dụ văn bản của bạn đang viết hoa và bây giờ nếu bạn muốn nó viết thường thì hàm này sẽ giúp bạn có được kết quả đó
23. Hàm trả về
Khi JavaScript đến câu lệnh trả về, hàm sẽ kết thúc hoạt động. Nếu chức năng được yêu cầu từ câu lệnh Javascript thì JavaScript sẽ “quay lại” để thực hiện mã sau câu lệnh bắt đầu. Các hàm thường tính toán một giá trị trả về. Bạn luôn có thể sử dụng lại mã này. Giá trị trả về được “phản ánh” trở lại “khách truy cập”
Ví dụ
stringVar = prompt["message"]3 // được gọi là Hàm, giá trị trả về sẽ ở dạng astringVar = prompt["message"]4stringVar = prompt["message"]5 // Hàm trả về phép nhân của x và y