Có rất nhiều quan niệm sai lầm về việc biên dịch JS, và cho đến bây giờ, với rất nhiều thông tin trên web, hầu hết mọi người vẫn tranh luận về điều đó và vẫn không biết chính xác JS hoạt động như thế nào trước giai đoạn thời gian chạy
Javascript là một ngôn ngữ được biên dịch
mặc dù thực tế là việc biên dịch JS hoạt động theo một cách khác, nếu so với ngôn ngữ được biên dịch khác, Nó vẫn tuân theo một số quy tắc phản ánh quá trình biên dịch
Đầu tiên. chúng tôi phải trích dẫn điều này từ wikipedia
Trình biên dịch là phần mềm máy tính biến đổi mã máy tính được viết bằng một ngôn ngữ lập trình [ngôn ngữ nguồn] sang ngôn ngữ lập trình khác [ngôn ngữ đích]
Tất cả chúng ta đều biết rằng máy tính không nói được Java, JS hay Python và không quan trọng chúng ta đang sử dụng ngôn ngữ nào, chúng ta luôn dịch mã của mình thành thứ mà máy có thể hiểu được. nhưng đó không phải là điều quan trọng nhất bây giờ
Quan trọng là. kiểu dịch này được gọi là tạo mã và đầu vào của nó là Cây cú pháp trừu tượng [AST] nói về một số phần tử lồng nhau đại diện cho cấu trúc của chương trình. Cấu trúc của cây này, xảy ra trong giai đoạn phân tích cú pháp biên dịch
Tất nhiên chúng tôi phải cung cấp thứ gì đó để tạo AST này. và chúng tôi làm. chúng tôi cung cấp một loạt mã thông báo, từ giai đoạn biên dịch từ vựng trước đó
let dog = labrador;
sẽ được mã hóa như thế này
let,dog,=,labrador,;
Phiên bản mã được tách này của chúng tôi có ý nghĩa gì đó đối với ngôn ngữ và tạo luồng thông tin đó để tạo AST.
Bây giờ chúng ta có một variableDeclaration và một assignment, v.v. trong cây của chúng tôi.
Tôi đã không nói cụ thể lắm, bởi vì bài đăng này nói về thực tế là trong JS tất cả những điều này, Nó đang xảy ra
Đúng
Javascript tuân theo tất cả các giai đoạn biên dịch này, theo thứ tự
- lexing
- phân tích cú pháp
- Tạo mã
Quá trình biên dịch JS Không xảy ra để làm cho nó hoạt động trên các nền tảng khác nhau hoặc những thứ tương tự. nhưng nó đang xảy ra
Đây không phải là điều bạn nên biết là chung chung. đây là thứ có thể thay đổi hoàn toàn quan điểm của bạn về rất nhiều hành vi JS
Chỉ cần ví dụ nhanh là phạm vi từ vựng và hoisting
Việc khai báo biến trong JS diễn ra trong giai đoạn waxing, trong khi việc gán diễn ra trong thời gian chạy và đó là lý do tại sao cẩu Nó diễn ra theo quan điểm chính xác và kỹ thuật hơn.
Phạm vi, trong JS, Nó được định nghĩa trong It's lexing phase và đó là lý do tại sao JS có định nghĩa phạm vi từ vựng.
Điều gì về đóng cửa? . nhưng vẫn có điều gì đó xảy ra do tham chiếu phạm vi và phạm vi từ vựng
Vì vậy, mọi người, JS được biên dịch nhanh chóng, mọi lúc. và có rất nhiều tối ưu hóa được bao gồm trong công cụ để làm cho nó có thể thực hiện được mà không gặp bất kỳ sự cố phụ nào trong các buổi biểu diễn, bạn có thể vi phạm nếu không ý thức về nội dung này
JavaScript là một ngôn ngữ kịch bản nhẹ phổ biến. Nó đã trở nên khá phổ biến trong thời gian gần đây. Nó đã tồn tại được gần 25 năm rồi
Giới thiệu
Nó là một ngôn ngữ linh hoạt đang được sử dụng cho hầu hết các loại hình phát triển khác nhau. Có JavaScript để phát triển frontend với thư viện và các framework như Vuejs và Reactjs, phát triển backend với node. js và deno. js
Tfjs và ml5 cho máy học trong JavaScript. Phát triển ứng dụng máy tính để bàn với electronjs. Phát triển trò chơi cũng có thể được thực hiện trong đó với pixi. js, babylon. js và phaser. Với điều này, bạn có thể dễ dàng nhận ra mức độ phổ biến và rộng lớn của JavaScript đang được sử dụng
Bạn phải bắt đầu với JavaScript và muốn làm bẩn tay mình bằng cách nghịch mã. Việc thiết lập ban đầu luôn rắc rối và khó khăn cho bất kỳ hình thức phát triển nào. Nó thậm chí có thể ngăn bạn vào những lúc bạn muốn thử nghiệm một số ứng dụng mới. Nhưng bạn không cần phải lo lắng
Có một số giải pháp có sẵn trực tuyến để giải quyết vấn đề này. Hiện tại, chúng tôi có nhiều trang web trình biên dịch không yêu cầu bạn thiết lập trên hệ thống của mình mà chỉ cần biên dịch và chạy mã trong chính trình duyệt. Nó không phải là tuyệt vời? . Bạn có thể trực tiếp bắt đầu viết mã
Đây là một số nền tảng tốt nhất hiện có cho trình biên dịch JavaScript
1. JS. làm – Trình chỉnh sửa JavaScript trực tuyến
Một trang web thực sự đơn giản và trực quan được tạo bởi Rodrigo Siqueira. Nó là miễn phí để đăng ký và tham gia trang web. Bạn có thể lưu công việc của bạn trực tuyến. Bạn cũng có thể tải mã từ máy cục bộ của mình. Bạn có thể chia sẻ mã của mình với địa chỉ được tạo. Nhìn chung, hiệu suất của trang web khá mượt mà và nhanh chóng. Không có giao diện Người dùng phức tạp, thay vào đó là trình chỉnh sửa đơn giản và dễ sử dụng.
2. PLAYCODE – Trình chỉnh sửa JavaScript trực tuyến
Đây là một nền tảng mã phức tạp và thực sự tuyệt vời. Nó cung cấp cho bạn giao diện giống như vscode với các chủ đề bạn có thể thay đổi. Nó cung cấp cho bạn nhiều tùy chọn hơn như tạo dự án, sử dụng các thư viện như jquery và tailwind, thêm nội dung. Cùng với đó, nó hỗ trợ HTML và CSS. Bạn cũng nhận được bảng điều khiển gỡ lỗi.
Bản xem trước trực tiếp có tính năng tải lại nóng để bạn không phải tải lại thủ công mỗi khi thực hiện thay đổi. Màn hình có thể điều chỉnh với trình chỉnh sửa, bảng điều khiển và chế độ xem. Mã Play cũng hỗ trợ các bộ tiền xử lý của nó như TypeScript, jsx, tsx và CoffeeScript. Có một cơ sở để chia sẻ mã và lưu trữ. Bạn cũng có thể thêm các phụ thuộc như phản ứng, phông chữ tuyệt vời và các thư viện CSS và JavaScript khác
3. thay thế. nó
thay thế. nó là một trong những IDE, trình biên dịch, trình thông dịch và trình soạn thảo trực tuyến hàng đầu và mạnh mẽ nhất. Nó không chỉ có thể biên dịch mã JavaScript của bạn mà còn có thể mã hơn 50 ngôn ngữ. Bạn có nút. js trình chỉnh sửa trực tuyến cho mã JavaScript của bạn. Bạn có thể làm việc đồng thời trên nhiều dự án, kết nối tài khoản GitHub của mình để truy cập các kho lưu trữ trong bản thay thế và khám phá các dự án thay thế khác
4. Rexter. com
Tôi tìm thấy một trình biên dịch JavaScript thú vị khác. Lý do đặt nó ở đây là bạn thực sự có thể có được một trình chỉnh sửa đơn giản một cửa cho mọi nhu cầu về mã của mình. Nó hỗ trợ hơn 25 ngôn ngữ bao gồm SQL, Haskell và C++. Phần tốt nhất theo quan điểm của nhà phát triển là họ có API để bạn khám phá và sử dụng trình chỉnh sửa trong một dự án. Có thêm một số tùy chọn như chủ đề, tường mã để chia sẻ mã và người dùng cho cộng đồng. Bạn chắc chắn nên thử nó một lần và xem cho chính mình. Nó sử dụng động cơ tê giác
Tôi có thể tạo trình biên dịch của riêng mình không?
Bạn luôn có thể tò mò và nghĩ đến việc tạo ra nội dung của riêng mình với tư cách là nhà phát triển. Có, bạn chắc chắn có thể tạo trình biên dịch của riêng mình hoặc các ứng dụng có trình biên dịch. Đối với mục đích ứng dụng, bạn không cần phải tạo biểu mẫu trình biên dịch JavaScript mà thay vào đó sử dụng API từ các tổ chức đã xây dựng nó. Bạn có thể kiểm tra Paiza. io. Bạn cũng có thể học cách tạo trình biên dịch trong đó
Tham khảo các bài viết dưới đây
- https. // mật mã. com/2020/02/02/create-a-simple-compiler-with-JavaScript/
- https. //Blog. mgechev. com/2017/09/16/developing-simple-interpreter-transpiler-compiler-tutorial/
- https. //Blog. scottlogic. com/2019/05/17/webassembly-trình biên dịch. html
Các câu hỏi thường gặp
Là JavaScript được biên dịch hoặc giải thích lập trình?
Một ngôn ngữ được biên dịch như Java và C++ cần được biên dịch hoàn chỉnh và chuyển đổi thành mã thực thi trước khi chạy. Một ngôn ngữ được giải thích được đọc từng dòng và được thực thi đồng thời. Do đó, JavaScript là ngôn ngữ được giải thích và độc lập với nền tảng
JavaScript có trình biên dịch không?
Không, JavaScript không có trình biên dịch. JavaScript được thông dịch, Vì vậy, có thông dịch viên. Trình thông dịch JavaScript còn được gọi là công cụ JavaScript. Một số cái phổ biến là công cụ Chrome V8, SpideMonkey. Nó thường được đề cập giống như các công cụ biên dịch mã JavaScript thành mã máy. Nhưng đó thực sự chỉ là trong thời gian biên soạn
Trình biên dịch JavaScript trực tuyến hoạt động như thế nào?
Trình biên dịch trực tuyến là các trang web nơi bạn viết mã của mình và các mã này được gửi đến máy chủ có trình biên dịch được xây dựng. Kết quả thu được dưới dạng phản hồi và được hiển thị lại ở phía máy khách
Trình biên dịch JIT hoạt động như thế nào trong JS?
JIT là biên dịch đúng lúc. JavaScript ban đầu là ngôn ngữ được giải thích. Các trình thông dịch/công cụ JavaScript gần đây như V8 thực hiện JIT. Thay vì sử dụng trình thông dịch, họ biên dịch mã JavaScript thành mã máy để tăng tốc độ và hiệu quả
Phần kết luận
Những trình biên dịch này thực sự là công cụ tuyệt vời cho những người mới trong ngành nhưng nó không phải là giải pháp lâu dài. Tốt hơn hết là bạn nên thiết lập nơi bạn có thể lưu công việc của mình cục bộ và chạy bất cứ khi nào bạn muốn mà không sợ mất công việc. Tôi hy vọng bạn thích trải nghiệm đầu tiên của mình với trình biên dịch JavaScript có sẵn trực tuyến