JavaScript là một ngôn ngữ lập trình đầy những bất ngờ thú vị. Nhiều người lần đầu tiên gặp JavaScript như một ngôn ngữ cho web. Có một công cụ JavaScript trong tất cả các trình duyệt chính, có các khung phổ biến như jQuery, tiền mặt và bootstrap để giúp thiết kế web dễ dàng hơn và thậm chí còn có môi trường lập trình được viết bằng JavaScript. Nó dường như ở khắp mọi nơi trên internet, nhưng hóa ra đó cũng là ngôn ngữ hữu ích cho các dự án như Electron, một bộ công cụ nguồn mở để xây dựng các ứng dụng máy tính để bàn đa nền tảng với JavaScript.
JavaScript là một ngôn ngữ đa năng đáng ngạc nhiên với một loạt các thư viện cho nhiều hơn là chỉ tạo ra các trang web. Học những điều cơ bản của ngôn ngữ là dễ dàng, và đó là một cửa ngõ để xây dựng bất cứ điều gì bạn tưởng tượng.
Cài đặt JavaScript
Khi bạn tiến bộ với JavaScript, bạn có thể thấy mình muốn các thư viện JavaScript nâng cao. Tuy nhiên, khi bạn mới bắt đầu, bạn không phải cài đặt JavaScript. Tất cả các trình duyệt web chính bao gồm một công cụ JavaScript để chạy mã. Bạn có thể viết JavaScript bằng trình chỉnh sửa văn bản yêu thích của bạn, tải nó vào trình duyệt web của bạn và xem mã của bạn làm gì.
Bắt đầu với JavaScript
Để viết mã JavaScript đầu tiên của bạn, hãy mở trình soạn thảo văn bản yêu thích của bạn, chẳng hạn như Notepad ++, Atom hoặc VSCode. Bởi vì nó được phát triển cho web, JavaScript hoạt động tốt với HTML, vì vậy trước tiên, chỉ cần thử một số HTML cơ bản: cơ bản:
Lưu tệp, và sau đó mở nó trong trình duyệt web.
Để thêm JavaScript vào trang HTML đơn giản này, bạn có thể tạo tệp JavaScript và tham khảo nó trong trang ____ 5 & nbsp; hoặc chỉ nhúng mã JavaScript của bạn vào HTML bằng thẻ . Trong ví dụ này, tôi đã nhúng mã:
Tải lại trang trong trình duyệt của bạn.
Như bạn có thể thấy, thẻ như được viết vẫn chứa chuỗi "Không có gì ở đây", nhưng khi nó được hiển thị, JavaScript thay thế nó để nó chứa "Hello World" thay thế. Có, JavaScript có khả năng xây dựng lại [hoặc chỉ giúp xây dựng] một trang web.
JavaScript trong tập lệnh đơn giản này làm hai điều. Đầu tiên, nó tạo ra một biến gọi là myvariable và đặt chuỗi "Xin chào thế giới!" vào nó. Cuối cùng, nó tìm kiếm tài liệu hiện tại [trang web là trình duyệt đang hiển thị nó] cho bất kỳ phần tử HTML nào với ID example. Khi nó định vị example, nó sử dụng hàm
myvariable.Tất nhiên, sử dụng một biến tùy chỉnh là không cần thiết. Thật dễ dàng để điền vào phần tử HTML với một cái gì đó được tạo ra một cách động. Chẳng hạn, bạn có thể điền nó với dấu thời gian:
Tải lại trang để xem dấu thời gian được tạo tại thời điểm trang được hiển thị. Tải lại một vài lần để xem tăng giây.
Cú pháp JavaScript
Trong lập trình, cú pháp đề cập đến các quy tắc về cách viết [hoặc "dòng"] được viết. Trong JavaScript, mỗi dòng mã phải kết thúc bằng dấu chấm phẩy [
3] để công cụ JavaScript chạy mã của bạn hiểu khi nào ngừng đọc.syntax refers to the rules of how sentences [or "lines"] are written. In JavaScript, each line of code must end in a semicolon [3] so that the JavaScript engine running your code understands when to stop reading.Các từ [hoặc "chuỗi"] phải được đặt trong các dấu ngoặc kép [
4], trong khi các số [hoặc "số nguyên"] đi mà không có.Hầu hết mọi thứ khác là một quy ước của ngôn ngữ JavaScript, chẳng hạn như các biến, mảng, câu lệnh có điều kiện, đối tượng, chức năng, v.v.
Tạo các biến trong JavaScript
Các biến là container cho dữ liệu. Bạn có thể nghĩ về một biến như một hộp nơi bạn có thể đặt dữ liệu để chia sẻ với chương trình của mình. Tạo một biến trong JavaScript được thực hiện với hai từ khóa bạn chọn dựa trên cách bạn dự định sử dụng biến:
5 và 6. Từ khóa 6 biểu thị một biến dành cho toàn bộ chương trình của bạn, trong khi 5 tạo các biến cho các mục đích cụ thể, thường là các hàm hoặc vòng lặp bên trong.Chức năng
9 tích hợp của JavaScript có thể giúp bạn xác định loại dữ liệu nào mà biến có chứa. Sử dụng ví dụ đầu tiên, bạn có thể tìm hiểu loại dữ liệu nàomyvariable chứa bằng cách sửa đổi văn bản được hiển thị thành:
let myvariable = "Hello world!";
document.getElementById["example"].innerHTML = typeof[myvariable];
Điều này hiển thị "chuỗi" trong trình duyệt web của bạn vì biến chứa "Xin chào thế giới!" Lưu trữ các loại dữ liệu khác nhau [như số nguyên] trong myvariable sẽ khiến một loại dữ liệu khác được in lên trang web mẫu của bạn. Hãy thử thay đổi nội dung của myvariable thành số yêu thích của bạn và sau đó tải lại trang.
Tạo các chức năng trong JavaScript
Các chức năng trong lập trình là bộ xử lý dữ liệu khép kín. Chúng là những gì làm cho mô -đun lập trình. Đó là bởi vì các chức năng tồn tại mà các lập trình viên có thể viết các thư viện chung, ví dụ, thay đổi kích thước hình ảnh hoặc theo dõi thời gian để các lập trình viên khác [như bạn] sử dụng trong mã của riêng họ.
Bạn tạo một chức năng bằng cách cung cấp một tên tùy chỉnh cho chức năng của bạn, theo sau là bất kỳ số lượng mã nào được đặt trong niềng răng.
Dưới đây là một trang web đơn giản có hình ảnh được thay đổi kích thước và một nút phân tích hình ảnh và trả về kích thước hình ảnh thực. Trong mã ví dụ này, phần tử HTML ____23 sử dụng chức năng JavaScript tích hợp
4 để phát hiện tương tác người dùng, điều này kích hoạt hàm tùy chỉnh gọi là 5:Lưu tệp và tải nó vào trình duyệt web của bạn để thử mã.
Ứng dụng đa nền tảng với JavaScript
Bạn có thể thấy từ mẫu mã cách JavaScript và HTML hợp tác chặt chẽ với nhau để tạo trải nghiệm người dùng gắn kết. Đây là một trong những thế mạnh lớn của JavaScript. Khi bạn viết mã trong JavaScript, bạn kế thừa một trong những giao diện người dùng phổ biến nhất của điện toán hiện đại bất kể nền tảng: trình duyệt web. Mã của bạn là đa nền tảng bản chất, vì vậy ứng dụng của bạn, cho dù đó chỉ là một trình phân tích kích thước hình ảnh khiêm tốn hoặc trình soạn thảo hình ảnh phức tạp, trò chơi video hoặc bất cứ thứ gì bạn mơ ước, có thể được sử dụng bởi mọi người với trình duyệt web [hoặc máy tính để bàn , nếu bạn cung cấp một ứng dụng điện tử].
Học JavaScript là dễ dàng và vui vẻ. Có rất nhiều trang web có hướng dẫn có sẵn. Ngoài ra còn có hơn một triệu thư viện JavaScript để giúp bạn giao diện với các thiết bị, thiết bị ngoại vi, Internet vạn vật, máy chủ, hệ thống tệp và nhiều hơn nữa. Và khi bạn đang học, hãy giữ cho bảng gian lận JavaScript của chúng tôi gần để bạn nhớ các chi tiết tốt của cú pháp và cấu trúc.JavaScript cheat sheet close by so you remember the fine details of syntax and structure.