Tôi đã tham khảo tài liệu này và xem qua khái niệm biên dịch. Người ta có thể sử dụng biên dịch JIT hoặc AOT. Tuy nhiên, tôi thấy nó rất ngắn gọn và cần biết chi tiết những điểm sau,
Câu trả lời:
JIT - Biên dịch TypeScript đúng lúc để thực thi nó.
AOT - Biên dịch TypeScript trong giai đoạn xây dựng.
Mặc dù có một số câu trả lời nhưng tôi cũng muốn bổ sung một số phát hiện của mình, bởi vì tôi thực sự bối rối với những gì thực sự đang được biên dịch như trong tất cả các trường hợp, TS-> JSchuyển đổi xảy ra. Tôi đang lấy một số para từ blog của Jeff làm tài liệu tham khảo.
Các TSmã được viết bởi các nhà phát triển được biên soạn để JSmã. Giờ đây, jsmã đã biên dịch này được trình duyệt biên dịch lại để htmlcó thể hiển thị động theo hành động của người dùng và theo đó mã cho angular (đối với các thành phần, phát hiện thay đổi, Chèn phụ thuộc) cũng được tạo trong thời gian chạy.
(Trình biên dịch trình duyệt là thứ nhận các chỉ thị và thành phần của ứng dụng, cùng với HTML và CSS tương ứng của chúng, đồng thời tạo ra các nhà máy sản xuất thành phần để nhanh chóng loại bỏ các phiên bản với tất cả logic tạo chế độ xem của chúng.)
Khi một ứng dụng Angular 2 được khởi động trong trình duyệt, trình biên dịch JIT thực hiện rất nhiều công việc để phân tích các thành phần trong ứng dụng trong thời gian chạy và tạo mã trong bộ nhớ. Khi trang được làm mới, tất cả công việc đã hoàn thành sẽ bị loại bỏ và trình biên dịch JIT thực hiện lại công việc.
Các TSmã được viết bởi các nhà phát triển được biên soạn để JSmã, này js
đã được biên soạn cho góc cũng . Bây giờ, mã đã biên dịch js này được trình duyệt biên dịch lại để htmlcó thể hiển thị. Tuy nhiên, điểm nổi bật ở đây là các tính năng của angularđã được AOTtrình biên dịch xử lý và do đó trình duyệt không phải lo lắng nhiều về việc tạo thành phần, phát hiện thay đổi, Dependency Injection. Vì vậy chúng tôi có :
Kết xuất nhanh hơn
Với AOT, trình duyệt tải xuống phiên bản được biên dịch trước của ứng dụng. Trình duyệt tải mã thực thi để có thể hiển thị ứng dụng ngay lập tức mà không cần đợi biên dịch ứng dụng trước.
Ít yêu cầu không đồng bộ hơn
Trình biên dịch nội tuyến các mẫu HTML bên ngoài và các biểu định kiểu CSS trong JavaScript ứng dụng, loại bỏ các yêu cầu ajax riêng biệt cho các tệp nguồn đó.
Kích thước tải xuống khung Angular nhỏ hơn
Không cần tải xuống trình biên dịch Angular nếu ứng dụng đã được biên dịch. Trình biên dịch gần bằng một nửa Angular, vì vậy việc bỏ qua nó sẽ giảm đáng kể tải ứng dụng.
Phát hiện lỗi mẫu sớm hơn
Trình biên dịch AOT phát hiện và báo cáo lỗi liên kết mẫu trong bước xây dựng trước khi người dùng có thể nhìn thấy chúng.
An ninh tốt hơn
AOT biên dịch các mẫu và thành phần HTML thành các tệp JavaScript rất lâu trước khi chúng được cung cấp cho máy khách. Không có mẫu để đọc và không có đánh giá HTML hoặc JavaScript phía máy khách rủi ro, có ít cơ hội hơn cho các cuộc tấn công tiêm.
Sự khác biệt còn lại đã được bao gồm trong các gạch đầu dòng của Benyamin, Nisar & Gaurang.
Vui lòng sửa cho tôi
Benyamin và Nisar đã đề cập đến một số điểm tốt ở đây. Tôi sẽ thêm vào nó.
Về mặt lý thuyết, AOT có vẻ là một lựa chọn hấp dẫn hơn JIT cho mục đích sản xuất nhưng tôi đã nghi ngờ liệu AOT có thực sự xứng đáng hay không!
Chà, tôi đã tìm thấy số liệu thống kê tuyệt vời của Jeff Cross và điều đó chứng minh rằng AOT làm giảm đáng kể thời gian khởi động của ứng dụng. Ảnh chụp dưới đây từ bài đăng của Jeff Cross sẽ cung cấp cho bạn ý tưởng nhanh về nó,
JiT (Just in Time) Biên dịch
Bản thân cái tên mô tả hoạt động, Nó biên dịch mã chỉ trong thời gian tải trang trong trình duyệt. Trình duyệt sẽ tải xuống trình biên dịch và xây dựng mã ứng dụng và kết xuất nó.
Nó sẽ tốt cho môi trường phát triển.
Tổng hợp AoT (Trước thời gian)
Nó biên dịch tất cả mã tại thời điểm xây dựng ứng dụng. Vì vậy, trình duyệt không muốn tải xuống trình biên dịch và biên dịch mã. Trong phương pháp này, trình duyệt có thể dễ dàng hiển thị ứng dụng bằng cách tải mã đã được biên dịch.
Có thể được sử dụng trong môi trường sản xuất
Chúng ta có thể so sánh việc biên dịch JiT và AoT như bên dưới
JIT (Tổng hợp kịp thời)
Just-in-Time (JIT) là một loại biên dịch biên dịch ứng dụng của bạn trong trình duyệt khi chạy.
ng build
ng serve
AOT (Biên dịch trước thời gian)
Trước thời gian (AOT) là một loại biên dịch sẽ biên dịch ứng dụng của bạn tại thời điểm xây dựng.
ng build --aot
ng serve --aot
Vào cuối ngày, AOT (Trước thời gian) và JIT (Đúng lúc) làm những việc tương tự. Cả hai đều biên dịch mã Angular của bạn để nó có thể chạy trong môi trường gốc (hay còn gọi là trình duyệt). Sự khác biệt chính là khi quá trình biên dịch xảy ra. Với AOT, mã của bạn được biên dịch trước khi Ứng dụng được tải xuống trong Trình duyệt. Với JIT, mã của bạn được biên dịch trong thời gian chạy trên trình duyệt.
Đây là so sánh:
Lợi ích của AOT:
Thực tế chỉ có một trình biên dịch Angular. Sự khác biệt giữa AOT và JIT là vấn đề thời gian và công cụ. Với AOT, trình biên dịch chạy một lần cùng lúc bằng cách sử dụng một bộ thư viện; với JIT, nó chạy mọi lúc cho mọi người dùng trong thời gian chạy bằng cách sử dụng một bộ thư viện khác nhau.
Trình biên dịch JIT chúng tôi sử dụng trong quá trình phát triển dự án góc. Trong quá trình biên dịch này (chuyển đổi TS sang JS) xảy ra trong thời gian chạy của ứng dụng. Khi AOT được sử dụng trong quá trình xây dựng mã ứng dụng để triển khai ứng dụng trong sản xuất, thời điểm đó chúng tôi tạo mã ứng dụng của mình bằng cách sử dụng lệnh ng build --prod để tạo một thư mục có tên là webpack, webpack chứa gói tất cả các tệp (HTML , CSS và typecript) ở định dạng javascript nén.
Kích thước của thư mục webpack được tạo cho sản xuất nhỏ hơn nhiều so với thư mục được tạo cho môi trường phát triển (sử dụng lệnh ... ng build), bởi vì Nó không chứa trình biên dịch bên trong thư mục webpack, Nó cải thiện hiệu suất của ứng dụng .