JavaScript là gì? Giới thiệu cơ bản về JavaScript

JavaScript là gì? Giới thiệu cơ bản về JavaScript, ưu nhược điểm, cách hoạt động của JavaScript và cách viết một chương trình JavaScript,… thông qua bài viết sau đây. Hãy cùng theo dõi bài viết để hiểu rõ hơn về JavaScript là gì nhé. 

1. JavaScript là gì?

JavaScript là gì?
JavaScript là gì?

Khái niệm

JavaScript là ngôn ngữ lập trình website phổ biến hiện nay, được tích hợp và nhúng vào HTML giúp website trở nên sống động hơn.

JavaScript đóng vai trò tương tự như một phần của website, cho phép Client – side Script từ người dùng tương tự máy chủ để tạo ra những website động.

JavaScript là một ngôn ngữ lập trình thông dịch với khả năng hướng đến các đối tượng. Là 1 trong 3 ngôn ngữ chính trong lập trình web và có mối liên hệ lẫn nhau để xây dựng một website sống động, chuyên nghiệp.

  • HTML: hỗ trợ xây dựng layout, them nội dung cho website.
  • CSS: hỗ trợ định dạng thiết kế, bố cục, style, màu sắc,…
  • JavaSript: tạo nội dung động trên website.

Lịch sử hình thành

  • Brendan Eich chính là người đã phát triển JavaScript tại Netscape với tiền thân là Mocha. Sau đó, Mocha được đổi thành LiveScript và cuối cùng mới đổi thành JavaScript.
  • Năm 1998, JavaScript với phiên bản mới nhất là ECMAScript 2 phát hành và đến năm 1999 thì ECMAScript 3 được ra mắt.
  • Năm 2016, ứng dụng JavaScript đã đạt kỷ lục lên tới 92% website sử dụng, đồng thời cũng được đánh giá là một công cụ cực kỳ quan trọng đối với lập trình viên.

2. Công dụng của JavaScript là gì?

JavaScript dùng để làm gì?

Ở trên chúng ta đã tìm hiểu sơ qua về JavaScript là gì? Tiếp theo sẽ tìm hiểu về công dụng của loại ngôn ngữ này để giúp bạn dễ dàng sử dụng hơn trong công việc:

Thay đổi nội dung HTML

Một trong số nhiều phương thức HTML JavaScript chính là getElementById. Chúng được sử dụng để tìm một phần tử HTML với id =”demo” và dung để thay đổi nội dung của phần tử (Internal HTML) sang thành “ Hello JavaScript”.

Thay đổi giá trị thuộc tính HTML

JavaScript có thể sử dụng để thay đổi các giá trị của thuộc tính. Ví dụ: thay đổi thuộc tính src của tag <img>.

Thay đổi kiểu HTML

Đây chính là hoạt động biến thể của việc thay đổi thuộc tính của HTML. Ví dụ: document.getElementById (‘demo’).style.fontSize = ‘35px;

Ẩn các phần tử HTML

Một hoạt động tiếp theo là JavaScript có thể ẩn được các phần tử HTML. Chúng có thể được thực hiện thông qua hoạt động thay đổi kiểu hiển thị các phần tử HTML.

Hiển thị các phần tử HTML

 Một điểm đặc biệt là JavaScript có thể hiển thị được các yếu tố HTML ẩn. Đồng thời, cũng có thể thực hiện được thông qua cách thay đổi kiểu hiển thị phần tử.

3. Hoạt động của JavaScript trên 1 website

Hoạt động của JavaScript trên 1 website

Thông thường, các trang web sẽ được nhúng trực tiếp JavaScript vào hoặc sẽ sử dụng file .js để tham chiếu qua.

Đây là ngôn ngữ phía máy khách, nghĩa là thay vì xử lý tập lệnh trên server của trang web, nó sẽ được tải về máy của khách truy cập và xử lý trên chính chiếc máy đó.

Cần chú ý, hiện nay có một số trình duyệt web phổ biến cho phép bạn bật/tắt JavaScript theo ý của bạn.

Vậy nên, bạn cần biết những trang web mà bạn muốn truy cập sẽ bị ảnh hưởng như thế nào nếu như không có JavaScript hoạt động, từ đó sẽ quyết định có bật/tắt nó hay không.

4. Ưu nhược điểm của JavaScript là gì?

Ưu nhược điểm của JavaScript là gì?

Ưu điểm

  • Chương trình rất dễ học.
  • Những lỗi JavaScript rất dễ để phát hiện, từ đó giúp bạn sửa lỗi một cách nhanh chóng hơn.
  • Những trình duyệt web có thể dịch thông qua HTML mà không cần sử dụng đến một compiler.
  • JS có thể hoạt động ở trên nhiều nền tảng và các trình duyệt web khác nhau.
  • Được các chuyên gia đánh giá là một loại ngôn ngữ lập trình nhẹ và nhanh hơn nhiều so với các ngôn ngữ lập trình khác.
  • JS còn có thể được gắn trên một số các element hoặc những events của các trang web.
  • Những website có sử dụng JS thì chúng sẽ giúp cho trang web đó có sự tương tác cũng như tăng thêm nhiều trải nghiệm mới cho người dùng.
  • Người dùng cũng có thể tận dụng JS với mục đích là để kiểm tra những input thay vì cách kiểm tra thủ công thông qua hoạt động truy xuất database.
  • Giao diện của ứng dụng phong phú với nhiều thành phần như Drag and Drop, Slider để cung cấp đến cho người dùng một Rich Interface (giao diện giàu tính năng).
  • Giúp thao tác với người dùng phía Client và tách biệt giữa các Client với nhau.

Nhược điểm

Bên cạnh nhiều ưu điểm lợi thế thì ngôn ngữ JavaScript cũng còn nhiều nhược điểm, như:

  • JS Code Snippet khá lớn.
  • JS dễ bị các hacker và scammer khai thác hơn.
  • JS cũng không có khả năng đa luồng hoặc đa dạng xử lý.
  • Có thể được dùng để thực thi những mã độc ở trên máy tính của người sử dụng.
  • Những thiết bị khác nhau có thể sẽ thực hiện JS khác nhau, từ đó dẫn đến sự không đồng nhất.
  • Vì tính bảo mật và an toàn nên các Client-Side JavaScript sẽ không cho phép đọc hoặc ghi các file.
  • JS không được hỗ trợ khi bạn sử dụng ở trong tình trạng thiết bị được kết nối mạng.

5. Hướng dẫn viết chương trình JavaScript

Ngôn ngữ này dễ dàng đối với các lập trình viên, nhưng đối với mấy bạn mới bắt đầu thì vẫn còn chút khó khăn. Nhưng nếu như bạn đã nắm được những kiến thức cơ bản về JavaScript là gì? Thì cũng không quá khó khăn.

Tất cả các trình duyệt đều hỗ trợ ngôn ngữ này nên bạn không cần phải download thư viện mà thông qua những đoạn mã script, trình duyệt sẽ nhận diện được nó.

Dưới đây là hướng dẫn cách viết 1 chương trình bằng JavaScript đơn giản nhất, bạn có thể tham khảo

Cặp thẻ mở và thẻ đóng

Tất cả những đoạn mã JavaScript đều phải đặt trong cặp thẻ mở <script> và thẻ đóng </script>, ví dụ :

Đặt thẻ Script ở đâu?

Thẻ Script được đặt theo 3 cách thông thường như sau:

Imternal – viết trong file html hiện tại

Thông thường, bạn có thể viết những đoạn mã JavaScript trên phần head, tuy nhiên đây không phải là điều kiện bắt buộc.

Vì vậy mà bạn có thể đặt ở bất kỳ đâu tùy thích miễn là được bao lại bằng thẻ Script.

Ví dụ: đặt trong thẻ head

Ví dụ: đặt trong thẻ body

Ví dụ: đặt trong thẻ body

External – viết ra một file js khác rồi import vào

Bạn có thể viết những đoạn mã Javascript ở một file có phần mở rộng là .js sau đó dùng thẻ Script để import vào.

Lúc này bên trong file demo.js bạn không đặt thẻ Script. Vì nhờ vào đuôi .js trình duyệt sẽ tự nhận đây là file chứa mã JavaScript

Ví dụ:

Inline – viết trực tiếp trong thẻ HTML

Với Inline, bạn sẽ viết những đoạn mã JavaScript trực tiếp trong thẻ HTML. Ví dụ: bên dưới viết dưới dạng inline vì đoạn mã alert được đặt trong sự kiện onclick của thẻ button.

Ví dụ:

Viết chương trình JavaScript

Trước khi thực hành, hãy đảm bảo rằng bạn có thể sử dụng một phần mềm viết code bất kỳ để viết mã Javascript.

Bước 1

Bước 1

  • Tạo một file index.html và lưu tại bất kì vị trí nào với phần mở rộng là .html
  • Mở file bằng Notepad++rồi gõ nội dung sau:
  • Chạy lên bằng Firefox hoặc Chrome bạn thấy xuất hiện một button

Bước 2

Viết mã JavaScript khi click vào button có id =”clickme”.

Vậy là bài viết trên đã tổng hợp về những kiến thức xoay quanh JavaScript là gì? Hy vọng sẽ giúp ích cho các bạn đọc.

>> Xem thêm: Software là gì? Qúa trình tạo ra software

CÂU HỎI THƯỜNG GẶP

Javascript bao gồm những thư viện phổ biến nào?

Hiện nay có rất nhiều thư viện và khung được viết từ Javascript như:

  • jQuery: Chuyên về hiệu ứng.
  • js: Chuyên xây dựng ứng dụng thời gian thực.
  • AngularJS: Chuyên xây dựng ứng dụng trang cá nhân.
  • ReactJS: Chuyên viết ứng dụng mobile.

Một số thư viện khác như ExtJS, Sencha Touch

JavaScript ứng dụng cho lĩnh vực nào?

JavaScript có thể được ứng dụng trong rất nhiều lĩnh vực:

  • Lập trình website.
  • Xây dựng ứng dụng cho website máy chủ.
  • Ứng dụng di động, app, trò chơi.
Công cụ dùng để phát triển JavaScript?

IDE (Integrated Development Environment) là môi trường dùng để lập trình được tích hợp nhiều công cụ và tiện ích khác nhau như code editor, debugger, simulator,…

IDE JavaScript là một môi trường chuyên dụng cho các lập trình viên khi lập trình JavaScript.

Nên sử dụng IDE nào khi code JavaScript?

Các IDE được sử dụng phổ biến ngày nay như:

  • NotePad ++.
  • Visual Studio .
  • PHP Designer.
  • Dreamweaver.
  • Sublime Text.

Ngoài ra còn một số công cụ chỉnh sửa JavaScript được đánh giá cao như:

  • Microsoft FrontPage.
  • Macromedia Dreamweaver MX.
  • Macromedia Homesite 5.

Trả lời

Email của bạn sẽ không được hiển thị công khai.

plc schneider sử dụng cookie để cung cấp cho bạn trải nghiệm duyệt web tốt hơn. Bằng cách duyệt trang web này, bạn đồng ý với việc sử dụng cookie của chúng tôi.