Hỏi đáp

Babel Là Gì Và Sử Dụng Babel Như Thế Nào, Babel Js Là Gì – viettingame

Babel là dụng cụ thường được đề cập tới trong những bài hướng dẫn về ReactJS. Rất nhiều lập trình viên trong quy trình học đã bắt gặp phải khó khăn trong việc tiếp cận và sử dụng dụng cụ này, lý do là bởi vì vì như thế tài liệu hướng dẫn của Babel tương đối ngắn gọn và điều này vô tính gây rất nhiều cản trở cho những người mới học. Nội dung bài viết này giành riêng cho những lập trình viên mới chính thức tìm hiểu về dụng cụ Babel và cách sử dụng nó.

Đang xem: Babel là gì

Babel Là Gì

Babel là một dụng cụ chuyển đổi mã lệnh JavaScript hay JavaScript transpiler, được sử dụng với mục đích chuyển đổi mã lệnh JavaScript được viết dựa trên tiêu chuẩn chỉnh ECMAScript phiên bạn dạng mới về phiên bạn dạng cũ hơn trước đó.

Đọc xong đoạn trên sẽ rất nhiều các bạn sẽ tự đề ra thắc mắc ECMAScript là gì, ko phải là ngôn từ JavaScript đã mang sẵn những quy tắc để lập trình rồi hay sao?

*

Đúng là JavaScript đã mang sẵn những quy tắc để lập trình, tuy nhiên do JavaScript cơ bản được chạy trên môi trường xung quanh trình duyệt và mỗi trình duyệt không giống nhau như Chrome, Firefox, Internet Explore, Safari… mang những quy định riêng để viết JavaScript. Điều này kéo theo không chỉ có mang duy nhât một quy định (ngôn từ) JavaScript và nếu như các bạn code tuân theo “ngôn từ” JavaScript của một trình duyệt thì lúc chạy trên trình duyệt khác trọn vẹn mang kinh nghiệm code của các bạn sẽ ko chạy như ý muốn. Do đó chuẩn chỉnh ECMAScript được thành lập và hoạt động để ngăn cản sự khác lạ giữa những “ngôn từ” JavaScript không giống nhau được định nghĩa bởi những trình duyệt.

Lưu ý: Thuật ngữ ECMAScript thường được viết tắt là ES.

Xem thêm: Tải Pou Tải về Không tính phí Without Jailbreak, ‎Pou On The App Store

Tới phía trên chúng ta đã hiểu lý do mục đích tới trái đất của ECMAScript rồi phải ko. Quay lại chủ đề chính của con người là Babel, thắc mắc tiếp theo đề ra cho chúng ta này là tại vì sao đã mang ECMAScript để tiêu chuẩn chỉnh hoá cách viết JavaScript rồi thì lại còn cần sử dụng thêm Babel nữa?

Tại Sao Cần Sử Dụng Babel

Như chúng ta biết thời đại thời buổi này technology thay đổi liên tục tới đau đầu và chóng mặt và những trình duyệt cũng ko đứng ngoài để ngắm nhìn làn sóng của sự thay đổi này. Chrome, Firefore, IE, Edge… liên tục ra những phiên bạn dạng mới để thêm tính năng cũng như khắc phục lỗi. Và từ những sự nâng cấp này những nhà sản xuất trình duyệt nhận thấy mang những hạn chế trong tiêu chuẩn chỉnh ECMAScript đang sử dụng và yên cầu cần phải có sự thay đổi trong chính tiêu chuẩn chỉnh này. Thành quả của nó này là thành lập và hoạt động những tiêu chuẩn chỉnh mới ECMAScript, nói đúng hơn là phiên bạn dạng mới cho tiêu chuẩn chỉnh ECMAScript. Phiên bạn dạng thông dụng của ECMASCript đang được nhiều trình duyệt hỗ trợ hiên nay là ES phiên bạn dạng thứ 5 (5th edition) hay ES5. Phiên bạn dạng tiếp đến ES6 tuy nhiên đã được chính thức thành lập và hoạt động tuy nhiên lại mới chỉ được một trong những trình duyệt hỗ trợ và ko trọn vẹn vừa đủ.

Như vậy trường hợp như chúng ta viết code JavaScript dựa trên ES6 thì sẽ xuất hiện nhiều kinh nghiệm code của khách hàng chạy ko đúng hoặc thậm chí là ko chạy được trên những trình duyệt không giống nhau. Để khắc phục trường hợp này thì sẽ cần phải có một dụng cụ chuyển đổi mã lệnh JavaScript viết dựa trên ES6 về ES5. Và Babel được phát hành để đáp ứng nhu cầu yêu cầu trên.

Xem thêm: Funko Games: Pop! Funkoverse: Kool, 2021 Big trò chơi Contest

Cũng xin được lưu ý với chúng ta đọc ở phía trên luôn luôn này là phiên bạn dạng thứ 6 của ECMASCript hay ES6 được thành lập và hoạt động năm 2015 chứ ko phải năm 2016 và còn được gọi là ECMASCript 2015.

Cài Đặt và Sử Dụng Babel

Tuỳ theo yêu cầu sử dụng chúng ta thậm chí thiết đặt Babel trực tiếp trên web browser hoặc trải qua Node Package Manager:

Cài Đặt và Sử Dụng Babel Trên Browser

Với cách làm này chúng ta sẽ cần nhúng thư viện Babel (JavaScript) vào website trải qua thẻ Sau đó các bạn cần đặt code JavaScript được viết theo ES6 trong thẻ Lưu ý rằng thuộc tính type trong thẻ mở

Về Viettingame.com

Viettingame.com - Chuyên trang web tổng hợp những thông tin hữu ích trên internet như thông tin về game, tin tổng hợp
Xem tất cả các bài viết của Viettingame.com →

Trả lời

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