JavaScript là gì và nó hoạt động như thế nào?

JavaScript là gì và nó hoạt động như thế nào?

JavaScript đã trở thành một yếu tố quan trọng trong phát triển web hiện đại. Ngôn ngữ mạnh mẽ này đã phát triển thành một công cụ cần thiết cho bất kỳ nhà phát triển web nào có thể hiểu được.





JavaScript có những tính năng đặc biệt làm cho nó khác với các ngôn ngữ lập trình truyền thống. Chúng ta sẽ tìm hiểu nó là gì, nó hoạt động như thế nào và bạn có thể làm gì với nó. Hãy phá vỡ nó.



JavaScript là gì?

JavaScript là một ngôn ngữ kịch bản cho web. Nó là một ngôn ngữ thông dịch, có nghĩa là nó không cần trình biên dịch để dịch mã của nó như C hoặc C ++. Mã JavaScript chạy trực tiếp trong trình duyệt web.





Phiên bản mới nhất của ngôn ngữ này là ECMAScript 2018 được phát hành vào tháng 6 năm 2018.

JavaScript hoạt động với HTML và CSS để tạo các ứng dụng web hoặc trang web. JavaScript được hỗ trợ bởi hầu hết các trình duyệt web hiện đại như Google Chrome, Firefox, Safari, Microsoft Edge, Opera, v.v. Hầu hết các trình duyệt di động cho Android và iPhone hiện cũng hỗ trợ JavaScript.



JavaScript kiểm soát các yếu tố động của các trang web. Nó hoạt động trên các trình duyệt web và gần đây hơn là trên các máy chủ web. Giao diện lập trình ứng dụng (API) cũng được hỗ trợ bởi JavaScript, cung cấp cho bạn nhiều chức năng hơn.

Hiểu tất cả các cách hoạt động của JavaScript sẽ dễ dàng hơn một chút khi bạn hiểu cách lập trình web hoạt động, vì vậy hãy cùng tìm hiểu thêm.



Khối xây dựng ứng dụng web

Có ba thành phần xây dựng trang web và ứng dụng: Ngôn ngữ đánh dấu siêu văn bản (HTML), Trang tính kiểu xếp tầng (CSS) và JavaScript. Mỗi người có một vai trò trong việc tạo ra một ứng dụng web.

  • HTML là một ngôn ngữ đánh dấu tạo ra khung của trang web. Tất cả các đoạn văn, phần, hình ảnh, tiêu đề và văn bản đều được viết bằng HTML. Nội dung xuất hiện trên trang web theo thứ tự chúng được viết bằng HTML.
  • CSS kiểm soát phong cách và các khía cạnh bổ sung của bố cục. CSS được sử dụng để tạo ra thiết kế của trang web, tạo ra màu sắc, phông chữ, cột, đường viền, v.v. Nó đưa trang web từ các yếu tố văn bản thuần túy sang các thiết kế đầy màu sắc.
  • Yếu tố thứ ba là JavaScript. HTML và CSS tạo ra cấu trúc, nhưng chúng không làm được gì từ đó. JavaScript tạo ra hoạt động động trên ứng dụng của bạn. Scripting trong JavaScript là những gì kiểm soát các chức năng khi các nút được nhấp vào, cách các biểu mẫu mật khẩu được xác thực, cách phương tiện được kiểm soát.

Cả ba phần hoạt động hài hòa với nhau để tạo ra các ứng dụng quy mô đầy đủ. Bạn nên tìm hiểu thêm về HTML và CSS nếu bạn không hoàn toàn thoải mái với chúng.



iPhone của tôi bị kẹt trên quả táo

JavaScript hoạt động như thế nào?

Trước khi viết JavaScript, điều quan trọng là phải biết cách hoạt động của nó. Có hai phần quan trọng cần tìm hiểu: Cách trình duyệt web hoạt động và Mô hình đối tượng tài liệu (DOM).

Trình duyệt web tải một trang web, phân tích cú pháp HTML và tạo cái được gọi là Mô hình đối tượng tài liệu (DOM) từ nội dung. DOM trình bày một chế độ xem trực tiếp của trang web với mã JavaScript của bạn.

Sau đó, trình duyệt sẽ lấy mọi thứ được liên kết với HTML, như hình ảnh và tệp CSS. Thông tin CSS đến từ trình phân tích cú pháp CSS.

HTML và CSS được DOM kết hợp với nhau để tạo trang web trước tiên. Sau đó, công cụ JavaScript của trình duyệt tải các tệp JavaScript và mã nội tuyến nhưng không chạy mã ngay lập tức. Nó đợi HTML và CSS tải xong.

Khi điều này được thực hiện, JavaScript được thực thi theo thứ tự mã được viết. Điều này dẫn đến việc DOM được cập nhật bằng mã JavaScript và được trình duyệt hiển thị.

Thứ tự ở đây là quan trọng. Nếu JavaScript không đợi HTML và CSS hoàn tất, nó sẽ không thể thay đổi các phần tử DOM.

Tôi có thể làm gì với JavaScript?

JavaScript là một ngôn ngữ lập trình chính thức có thể làm hầu hết mọi thứ mà một ngôn ngữ thông thường như Python có thể làm. Bao gồm các:

làm cách nào để bạn có được bộ lọc snapchat của riêng mình
  • Khai báo biến.
  • Lưu trữ và truy xuất các giá trị.
  • Xác định và gọi các hàm, bao gồm chức năng mũi tên .
  • Định nghĩa các đối tượng và lớp JavaScript.
  • Đang tải và sử dụng các mô-đun bên ngoài.
  • Viết trình xử lý sự kiện phản hồi các sự kiện nhấp chuột.
  • Viết mã máy chủ.
  • Và nhiều hơn nữa.

Cảnh báo: Vì JavaScript là một ngôn ngữ mạnh mẽ như vậy, nên nó cũng có thể viết phần mềm độc hại, vi rút và tấn công trình duyệt để gây ra chúng cho người dùng. Chúng bao gồm ăn cắp cookie trình duyệt, mật khẩu, thẻ tín dụng cho đến tải vi rút vào máy tính của bạn.

Sử dụng JavaScript

Hãy xem xét một số khái niệm cơ bản về JavaScript với các ví dụ về mã.

Khai báo các biến

JavaScript được nhập động, có nghĩa là bạn không phải khai báo loại biến trong mã của mình.

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

Các nhà khai thác

Thêm vào

12 + 5
>> 17

Phép trừ

20 - 8
>> 12

Phép nhân

5 * 2
>> 10

Phân công

50 / 2
>> 25

Mô đun

45 % 4
>> 1

Mảng

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

Chức năng

JavaScript có thể viết các hàm, đây là một hàm đơn giản có thêm số.

function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Vòng lặp

JavaScript có thể thực hiện các vòng lặp để lặp lại, các vòng lặp như cho vòng lặp và vòng lặp while.

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

Bình luận

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

Trong một trang web

Cách phổ biến nhất để tải JavaScript trong một trang web là sử dụng kịch bản Thẻ HTML. Tùy thuộc vào yêu cầu của bạn, bạn có thể sử dụng một trong các phương pháp sau.

  • Tải tệp JavaScript bên ngoài vào một trang web như sau:
  • Bạn có thể chỉ định URL đầy đủ nếu javascript từ một miền khác với trang web như sau:
  • JavaScript có thể được nhúng trực tiếp vào HTML. Đây là một
    alert('Page is loaded');

Ngoài những phương pháp này, có những cách tải mã JavaScript theo yêu cầu. Trên thực tế, có những khuôn khổ dành riêng cho việc tải và chạy các mô-đun JavaScript với các phần phụ thuộc thích hợp được giải quyết tại thời điểm chạy.

Đó là những chủ đề nâng cao hơn, ngay bây giờ bạn đang học những điều cơ bản.

Đoạn mã JavaScript mẫu

Dưới đây là một số mẫu mã JavaScript đơn giản để minh họa cách nó được sử dụng trên các trang web. Đây là những ví dụ về mã hoạt động với DOM.

  • Sau đây chọn tất cả in đậm các phần tử trong tài liệu và đặt màu của phần đầu tiên thành màu đỏ. var elems = document.getElementsByTagName('b');
    elems[0].style.color = 'red';
  • Muốn thay đổi hình ảnh trong một img nhãn? Phần sau liên kết một trình xử lý sự kiện cho nhấp chuột sự kiện của một nút.
    Change Image
  • Cập nhật nội dung văn bản của một đoạn văn ( P ) yếu tố? Đặt bên trongHTML thuộc tính của phần tử như hình:

    Hello World


    Click me

Những mẫu mã này chỉ cung cấp một cái nhìn thoáng qua về những gì bạn có thể làm bằng JavaScript trên trang web của mình. Có rất nhiều hướng dẫn có thể dạy bạn cách viết mã để bạn bắt đầu. Bạn có thể thử nó trên bất kỳ trang web nào, ngay cả trang này! Mở bảng điều khiển của bạn và thử một số mã JavaScript.

Bây giờ bạn đã biết JavaScript làm gì

Hy vọng rằng phần giới thiệu này đã mang lại một số hiểu biết sâu sắc về JavaScript và giúp bạn hứng thú với việc lập trình web. Bạn có thể tóm tắt lại tất cả trong bảng gian lận JavaScript tiện dụng của chúng tôi . Còn nhiều điều cần tìm hiểu về JavaScript. Một khi bạn cảm thấy thoải mái hơn, tại sao không thử học cách sử dụng Mô hình Đối tượng Tài liệu? Bạn cũng có thể quan tâm đến việc tìm hiểu về TypeScript.

Đăng lại Đăng lại tiếng riu ríu E-mail Cách làm sạch PC Windows của bạn bằng Command Prompt

Nếu PC Windows của bạn sắp hết dung lượng lưu trữ, hãy dọn sạch rác bằng các tiện ích Command Prompt nhanh chóng này.

cách khởi động linux từ usb
Đọc tiếp Chủ đề liên quan
  • Giải thích về công nghệ
  • Lập trình
  • Phát triển web
  • JavaScript
  • Viết kịch bản
Giới thiệu về tác giả Anthony Grant(40 bài báo đã xuất bản)

Anthony Grant là một nhà văn tự do về Lập trình và Phần mềm. Anh ấy là một sinh viên chuyên ngành Khoa học Máy tính về lập trình, Excel, phần mềm và công nghệ.

Xem thêm từ Anthony Grant

Theo dõi bản tin của chúng tôi

Tham gia bản tin của chúng tôi để biết các mẹo công nghệ, đánh giá, sách điện tử miễn phí và các ưu đãi độc quyền!

Bấm vào đây để đăng ký