Bạn có thể chạy ứng dụng độc lập javascript mà không cần trình duyệt không?

Trong bài học này, chúng ta sẽ xem xét công cụ JavaScript và giải phẫu của nó. Chúng ta cũng sẽ tìm hiểu về ngăn xếp cuộc gọi, vòng lặp sự kiện, hàng đợi tác vụ và nhiều phần khác của JavaScript giúp JavaScript hoạt động bình thường như chúng ta biết

Để theo dõi khóa học này, bạn cần biết cách thức và nơi bạn chạy mã JavaScript của mình. Bạn có một số tùy chọn để chạy chương trình chào thế giới đầu tiên của mình

Mở trình chỉnh sửa của bạn và tạo một tệp có tên index.js

file_type_js chỉ mục. js

console.log('hello world')

Cách chạy JavaScript từ dòng lệnh

Chạy một chương trình JS từ dòng lệnh được xử lý bởi NodeJS. Bắt đầu bằng cách cài đặt NodeJS trên máy cục bộ nếu cần

  1. Cài đặt nút. js

Bây giờ, chỉ cần mở dòng lệnh trong cùng thư mục với tập lệnh index.js mà bạn đã tạo (VS Code sẽ tự động thực hiện việc này với thiết bị đầu cuối tích hợp)

dòng lệnh

node .

// or 

node index.js

Cách chạy JavaScript từ trình duyệt

Khi mọi người nghĩ về “JavaScript”, họ thường nghĩ đến một trình duyệt web. Bạn có thể chạy mã trong trình duyệt bằng cách tạo tệp HTML tham chiếu tập lệnh. Trong trường hợp của chúng tôi, chúng tôi đã sử dụng tùy chọn defer, tùy chọn này sẽ thực thi JS sau khi tải xong tệp HTML

Chạy tập lệnh từ tệp HTML

file_type_html chỉ mục. html

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

Bây giờ, chỉ cần mở tệp HTML này trên máy cục bộ của bạn và mở bảng điều khiển dành cho nhà phát triển (bước tiếp theo) để xem đầu ra

Kiểm tra bảng điều khiển trình duyệt

Trong Chrome, bạn có thể mở bảng điều khiển dành cho nhà phát triển bằng Ctrl+Shift+J (Windows) hoặc Ctrl+Option+J (Mac) hoặc theo cách thủ công từ menu cài đặt bằng cách chọn Công cụ khác -> Công cụ dành cho nhà phát triển. Bảng điều khiển cho phép bạn chạy mã trong trình duyệt, tương tự như cách

Bạn có thể chạy ứng dụng độc lập javascript mà không cần trình duyệt không?

Đầu ra của bảng điều khiển trình duyệt trong Chrome

Chạy JavaScript với Framework

Điều đáng nói là các framework như React, Angular, Svelte, v.v. sẽ tự động đảm nhiệm việc xây dựng và chạy ứng dụng của bạn, đồng thời cung cấp công cụ và các bước dành riêng cho framework để chạy mã. Trong thế giới thực, bạn có nhiều khả năng sử dụng các công cụ do khung cung cấp để chạy mã của mình hơn là các phương pháp cơ bản được trình bày trong khóa học này

Chạy JavaScript trong Sandbox

Khóa học này sử dụng StackBlitz để chạy các ví dụ về mã JS trong hộp cát riêng biệt trong trình duyệt. Đây là một lựa chọn tuyệt vời để chia sẻ các bản trình diễn nhanh và bản sao vấn đề 💡

Nếu bạn có một trình soạn thảo văn bản tốt (ví dụ:. Notepad++) và trình duyệt, bạn có mọi thứ cần thiết để chạy JavaScript ngoại tuyến. Một công cụ khác sẽ có ích là ________ 10. Nó cho phép chúng ta tiết kiệm. js trên ổ đĩa cục bộ của chúng tôi và chạy chúng từ dòng lệnh

(Trong Windows, mở menu Start và trong trường tìm kiếm, nhập cmd. Điều này sẽ mở cửa sổ lệnh. )

node myScript.js

Điều đó sang một bên, chúng tôi KHÔNG CẦN nút. js, nó rất tiện dụng và một khi chúng ta nâng cao kỹ năng của mình để có thể thực sự sử dụng hết sức mạnh của nó, một công cụ rất mạnh mẽ

Trình duyệt của bạn sẽ có phần Công cụ dành cho nhà phát triển bao gồm Bảng điều khiển JavaScript. Trong Chrome, đây là Ctrl+Shift+J (hoặc xem trong menu công cụ). Các trình duyệt khác sẽ sử dụng các phím nóng khác nhau và bảng điều khiển của chúng sẽ hơi khác một chút, nhưng không có vấn đề gì. Tất cả đều khá giống nhau. Trình thông dịch dòng lệnh, dòng lệnh và màn hình đầu cuối

Tất cả những gì chúng ta cần làm là viết tập lệnh của mình và khi đã sẵn sàng để kiểm tra nó, hãy sao chép toàn bộ tập lệnh và dán vào dòng lệnh và Enter. Bàn điều khiển không phải là trình soạn thảo nên chúng tôi không thể viết mã nhiều dòng trực tiếp vào bàn điều khiển. Chúng ta có thể viết từng dòng, nhưng thay vì Enter, hãy sử dụng Shift+Enter để xuống dòng mới. Hãy thử nhập từng dòng một (bỏ qua nhận xét)…

for (var i = 0; i < 10; i++){ // Shift+Enter
    console.log(i);           // Shift+Enter
}                             // Enter

Ngay sau khi bạn nhấn Enter cuối cùng, mã sẽ thực thi

Chúng tôi cũng có thể hợp nhất tập lệnh trong tài liệu HTML nhưng chúng tôi có thể nói về điều đó sau. Hãy nhớ lưu công việc của bạn

Cũng cần lưu ý rằng một khi chúng tôi nhập mã, mã sẽ được lưu trong bộ nhớ trong suốt thời gian của phiên. Điều này rất tiện lợi vì nó cho phép chúng tôi nhập các chức năng hoàn chỉnh và lưu trữ chúng để chúng tôi có thể gọi chúng nhiều lần. Nếu cần sửa 1 chức năng nào thì chỉ cần nhập lại chức năng đó (đã sửa) chứ không phải nhập toàn bộ chương trình

Điều này rất hữu ích khi chúng ta thấy mình thường xuyên sử dụng cùng một đoạn mã. Chúng ta có thể soạn một thư viện nhỏ các chức năng hữu ích, dán chúng vào dòng lệnh khi bắt đầu phiên và đặt chúng dưới dạng TSR trong suốt phiên

JavaScript có thể được sử dụng bên ngoài trình duyệt không?

Vâng, đúng vậy . Bạn có thể sử dụng JS để xây dựng các ứng dụng phía máy chủ (back-end), ứng dụng di động, ứng dụng máy tính để bàn và ứng dụng giao diện dòng lệnh.

JavaScript có thể chạy độc lập không?

Giành được sự độc lập của nền tảng . Khi bạn đã viết nó, bạn có thể chạy mã JavaScript trên bất kỳ máy nào. Do đó, JavaScript làm cho nền tảng phát triển ứng dụng trở nên độc lập .