JavaScript là gì với ví dụ
JavaScript là một ngôn ngữ lập trình động được sử dụng để phát triển web, trong các ứng dụng web, để phát triển trò chơi, v.v. Nó cho phép bạn triển khai các tính năng động trên các trang web không thể thực hiện được chỉ bằng HTML và CSS Show
Nhiều trình duyệt sử dụng JavaScript làm ngôn ngữ kịch bản để thực hiện các thao tác động trên web. Bất cứ khi nào bạn nhìn thấy menu thả xuống nhấp để hiển thị, nội dung bổ sung được thêm vào trang và màu sắc của các thành phần thay đổi linh hoạt trên trang, để đặt tên cho một số tính năng, thì bạn đang thấy tác dụng của JavaScript Web Sẽ Như Thế Nào Nếu Không Có JavaScript?Không có JavaScript, tất cả những gì bạn có trên web sẽ là HTML và CSS. Những điều này một mình giới hạn bạn trong một vài triển khai trang web. 90% (nếu không nhiều hơn) các trang web của bạn sẽ ở dạng tĩnh và bạn chỉ có các thay đổi động như hoạt ảnh mà CSS cung cấp Cách JavaScript làm cho mọi thứ trở nên năng độngHTML xác định cấu trúc tài liệu web của bạn và nội dung trong đó. CSS khai báo các kiểu khác nhau cho nội dung được cung cấp trên tài liệu web HTML và CSS thường được gọi là ngôn ngữ đánh dấu hơn là ngôn ngữ lập trình, bởi vì về cốt lõi, chúng cung cấp các đánh dấu cho các tài liệu với rất ít tính năng động Mặt khác, JavaScript là ngôn ngữ lập trình động hỗ trợ tính toán Toán học, cho phép bạn tự động thêm nội dung HTML vào DOM, tạo khai báo kiểu động, tìm nạp nội dung từ trang web khác, v.v. Trước khi chúng ta tìm hiểu cách JavaScript thực hiện tất cả những điều này, hãy xem một ví dụ nhanh Kiểm tra codepen này. https. // codepen. io/Dillion/đầy đủ/XWjvdMG Trong codepen, bạn sẽ thấy rằng khi bạn nhập vào trường nhập liệu, văn bản sẽ hiển thị trên màn hình. Điều đó được thực hiện bởi JavaScript. Bạn không thể có được điều này với HTML, CSS hoặc cả hai cùng nhau JavaScript có thể làm được nhiều hơn những gì tôi có thể trình bày trong bài viết này. Nhưng để giúp bạn bắt đầu với JS, chúng ta sẽ xem xét
Cách sử dụng JavaScript trong HTMLGiống như với CSS, JavaScript có thể được sử dụng trong HTML theo nhiều cách khác nhau, chẳng hạn như 1. JavaScript nội tuyếnTại đây, bạn có mã JavaScript trong các thẻ HTML trong một số thuộc tính dựa trên JS đặc biệt Ví dụ: các thẻ HTML có các thuộc tính sự kiện cho phép bạn thực thi một số mã nội tuyến khi một sự kiện được kích hoạt. Đây là những gì tôi muốn nói
Đây là một ví dụ về JavaScript nội tuyến. Giá trị của 7 có thể là một phép tính Match nào đó, một phần bổ sung động cho DOM – bất kỳ mã JavaScript hợp lệ cú pháp nào2. JavaScript nội bộ, với thẻ 8Giống như thẻ 9 để khai báo kiểu trong trang HTML, thẻ 8 tồn tại cho JavaScript. Đây là cách nó được sử dụng
3. JavaScript bên ngoàiBạn có thể muốn có mã JavaScript của mình trong một tệp khác. JavaScript bên ngoài cho phép điều này. Đối với các trường hợp sử dụng như vậy, đây là cách nó được thực hiện
Thuộc tính 1 của thẻ 8 cho phép bạn áp dụng nguồn cho mã JavaScript. Tham chiếu đó rất quan trọng vì nó thông báo cho trình duyệt tìm nạp nội dung của 3 3 có thể nằm trong cùng thư mục với 5 hoặc có thể lấy từ một trang web khác. Đối với trường hợp thứ hai, bạn sẽ cần chuyển toàn bộ URL ( 6)Chú ý phần mở rộng 7? Bây giờ chúng ta đã xem xét các cách áp dụng JavaScript vào HTML của mình, hãy xem xét một số tính năng của JavaScript Các kiểu dữ liệu trong JavaScriptTrong JavaScript, dữ liệu phải thuộc loại này hay loại khác. JavaScript cần biết điều này để nó biết cách sử dụng nó với dữ liệu khác hoặc cách vận hành trên dữ liệu đó Dưới đây là các kiểu dữ liệu cơ bản mà JavaScript hỗ trợ
7
Các kiểu dữ liệu JavaScript có thể hơi phức tạp để hiểu. Bạn có thể đã nghe nói rằng mảng và hàm cũng là đối tượng, và điều đó đúng Hiểu điều này liên quan đến việc hiểu bản chất của các nguyên mẫu JavaScript. Tuy nhiên, ở mức cơ bản, đây là những kiểu dữ liệu bạn cần biết đầu tiên trong JavaScript Các biến trong JavaScriptBiến là nơi chứa các giá trị của bất kỳ loại dữ liệu nào. Chúng giữ các giá trị sao cho khi các biến được sử dụng, JavaScript sẽ sử dụng giá trị mà chúng đại diện cho thao tác đó Các biến có thể được khai báo và có thể được gán một giá trị. Khi bạn khai báo một biến, bạn đang làm điều này 8Đối với phần trên, 9 đã được khai báo, nhưng nó chưa có giá trịNhư bạn mong đợi từ phần kiểu dữ liệu, JavaScript sẽ tự động gán giá trị từ 84 đến 9. Vì vậy, nếu bạn cố gắng sử dụng 9 ở bất kỳ đâu, thì 84 sẽ được sử dụng cho thao tác đóĐây là ý nghĩa của việc gán một giá trị cho một biến 1Bây giờ nếu bạn sử dụng 9, nó sẽ đại diện cho 13Khai báo và gán có thể được thực hiện trên một dòng như vậy 4Tại sao 14? . JavaScript hỗ trợ ba phương thức khai báo biến, đó là
7
2Khi gọi hàm 40 ( 41), 42 đầu tiên in ra 84 trong khi 42 thứ hai đưa ra lỗi "Không thể truy cập 45 trước khi khởi tạo"Điều này là do khai báo của biến 9 được nâng (nâng) lên đầu hàm và phép gán cho biến nằm trên cùng một dòng trong khi khai báo và phép gán của 45 nằm trên cùng một dòngĐây là cách đoạn mã trên được biên dịch 0Sự cố vận thăng có thể xảy ra bất ngờ và đó là lý do tại sao bạn nên sử dụng 14 thay vì 15
Ví dụ 1Nhận xét trong JavaScriptCũng giống như HTML, đôi khi chúng ta có thể muốn ghi chú bên cạnh mã của mình mà không cần phải thực thi Chúng ta có thể làm điều này trong JavaScript theo hai cách
2Hàm trong JavaScriptVới các chức năng, bạn có thể lưu trữ một khối mã có thể được sử dụng ở những nơi khác trong mã của bạn. Giả sử bạn muốn in "JavaScript" và "Ngôn ngữ" ở các vị trí khác nhau trong mã của mình. thay vì làm điều này 3Bạn có thể làm được việc này 4Bằng cách này, chúng tôi đã lưu trữ khối mã lặp lại trong một chức năng có thể được sử dụng ở bất cứ đâu chúng tôi muốn. Nhưng đó không phải là tất cả. Giả sử chúng ta muốn tìm trung bình cộng của ba số. Mã cho điều này sẽ là 5Làm điều này bên ngoài chức năng có thể không hại gì, nhưng nếu chúng ta phải làm điều đó ở nhiều nơi? 6Như bạn sẽ nhận thấy trong tuyên bố của 72, chúng tôi có 73 trong ngoặc đơn. Đây là các tham số đóng vai trò giữ chỗ cho các giá trị sẽ được cung cấp khi hàm được gọiKhối mã sử dụng các trình giữ chỗ đó để tìm giá trị trung bình và từ khóa 74 trả về giá trị trung bình từ hàmTrình giữ chỗ giúp các hàm của bạn có thể tái sử dụng sao cho các giá trị khác nhau tại các thời điểm khác nhau có thể được chuyển đến các hàm để sử dụng cùng một logic Sự kết luậnJavaScript còn nhiều tính năng khác mà chúng ta có thể thảo luận, nhưng tôi hy vọng bài viết này đã cung cấp cho bạn một điểm khởi đầu rõ ràng để tiến xa hơn. Bây giờ bạn nên biết ngôn ngữ này là gì và làm thế nào bạn có thể sử dụng nó trên web Trong bài viết này, chúng ta đã xem xét cách thêm mã JavaScript vào tệp HTML của mình, các loại dữ liệu khác nhau mà JavaScript hỗ trợ, các biến đóng vai trò là bộ chứa giá trị, cách viết nhận xét trong JavaScript và một chút về cách Có rất nhiều nơi để đi từ đây, nhưng tôi khuyên bạn nên tìm hiểu về The DOM và cách JavaScript tương tác với nó ở phần tiếp theo QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO Người ủng hộ nhà phát triển và Người sáng tạo nội dung đam mê chia sẻ kiến thức của tôi về Công nghệ. Tôi dạy JavaScript / ReactJS / NodeJS / React Frameworks / TypeScript / et al Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu Một số ví dụ về JavaScript là gì?Các ví dụ phổ biến nhất về JavaScript . ví dụ 1. Chương trình JavaScript để in Hello World. . ví dụ 2. Chương trình JavaScript để tìm giai thừa của một số. . Ví dụ 4. Ví dụ chương trình biểu mẫu JS. . Ví dụ 5. Chương trình tin nhắn POPUP sử dụng sự kiện. . Ví dụ 6. Cảnh báo Hiển thị cho Chương trình Tin nhắn Nhắc. . Ví dụ 7. Thông báo bật lên ngắt dòng Tại sao JavaScript được sử dụng với ví dụ?Công dụng chính của JavaScript là để xây dựng các ứng dụng dựa trên web . Một số điều JavaScript có thể làm cho web bao gồm. thêm hành vi tương tác vào các trang web như phóng to và thu nhỏ hoặc phát âm thanh/video. tạo ứng dụng web và thiết bị di động, các ví dụ phổ biến nhất bao gồm Netflix và Uber.
JavaScript là gì trong các từ đơn giản?JavaScript là ngôn ngữ kịch bản cho phép bạn tạo nội dung cập nhật động, kiểm soát đa phương tiện, tạo ảnh động và gần như mọi thứ khác .
Ví dụ JavaScript được sử dụng ở đâu?10 ứng dụng thực tế hàng đầu của JavaScript . Phát triển web. JavaScript là một ngôn ngữ kịch bản được sử dụng để phát triển các trang web. . Ứng dụng web. Các khung JavaScript khác nhau được sử dụng để phát triển và xây dựng các ứng dụng web mạnh mẽ. . thuyết trình. . Ứng dụng máy chủ. . máy chủ web. . Trò chơi. . Mỹ thuật. . Ứng dụng đồng hồ thông minh |