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

Có phải bạn đang tìm kiếm chủ đề về => Babel Là Gì Và Sử Dụng Babel Như Thế Nào phải ko? Nếu đúng tương tự thì mời bạn xem nó ngay tại đây. Xem thêm các bài viết hay khác tại đây => Tin Tức

Babel là một dụng cụ thường được nhắc tới trong các bài hướng dẫn về ReactJS. Nhiều lập trình viên trong quá trình học đã gặp trắc trở lúc tiếp cận và sử dụng dụng cụ này, nguyên nhân là do tài liệu của Babel tương đối ngắn và điều này gây ra nhiều trở ngại. cho những người mới học. Bài viết này dành cho các lập trình viên mới khởi đầu tìm hiểu về dụng cụ Babel và cách sử dụng nó.

Babel là gì?

Babel là một trình chuyển đổi mã JavaScript hoặc trình chuyển đổi JavaScript, được sử dụng với mục tiêu chuyển đổi mã JavaScript được viết theo tiêu chuẩn ECMAScript mới sang phiên bản cũ hơn.

Bạn đang xem: babel là gì

Đọc xong đoạn trên, nhiều bạn sẽ tự đặt câu hỏi ECMAScript là gì, không lẽ tiếng nói JavaScript đã có quy tắc để lập trình rồi sao?

Tìm hiểu Babel là gì & Cách sử dụng Babel

Đúng là JavaScript đã có các quy tắc để lập trình, nhưng vì JavaScript chủ yếu chạy trong môi trường trình duyệt và mỗi trình duyệt không giống nhau như Chrome, Firefox, Internet Explore, Safari… nên có các quy tắc viết JavaScript riêng. . Điều này có tức là ko chỉ có một quy tắc (tiếng nói) JavaScript và nếu bạn viết mã theo “tiếng nói” JavaScript của một trình duyệt, thì hoàn toàn có thể mã của bạn sẽ ko hoạt động trong trình duyệt khác. chạy như bạn muốn. Vì vậy, tiêu chuẩn ECMAScript được sinh ra để hạn chế sự khác lạ giữa các “tiếng nói” JavaScript không giống nhau được xác định bởi các trình duyệt.

Xem thêm thông tin hay:  Hướng Dẫn Cách ẩn ứng Dụng Trên Android Chi Tiết Các Hãng điện Thoại

Ghi chú: Thuật ngữ ECMAScript thường được viết tắt là ES.

Giờ thì chúng ta đã hiểu mục tiêu sống trên trần thế của ECMAScript rồi phải ko? Quay lại chủ đề chính của chúng ta về Babel, câu hỏi tiếp theo dành cho bạn là vì sao đã có ECMAScript để chuẩn hóa cách viết JavaScript rồi thì bạn vẫn cần sử dụng Babel?

Vì sao sử dụng Babel

Như các bạn đã biết, công nghệ ngày nay liên tục thay đổi tới chóng mặt và các trình duyệt cũng ko nằm ngoài chứng kiến ​​làn sóng thay đổi này. Chrome, Firefore, IE, Edge… liên tục tung ra các phiên bản mới để bổ sung tính năng cũng như sửa lỗi. Và từ những cải tiến này, các nhà sản xuất trình duyệt nhận thấy rằng tiêu chuẩn ECMAScript đang được sử dụng có những hạn chế và yêu cầu phải thay đổi tiêu chuẩn này. Kết quả của nó là sự ra đời của tiêu chuẩn ECMAScript mới, hay đúng hơn là một phiên bản mới của tiêu chuẩn ECMAScript. Phiên bản phổ quát của ECMASCript đang được nhiều trình duyệt hỗ trợ hiện nay là ES 5th edition (phiên bản thứ 5) hoặc ES5. Phiên bản tiếp theo của ES6, mặc dù được phát hành chính thức nhưng chỉ được hỗ trợ bởi một số trình duyệt và chưa hoàn chỉnh.

Vì vậy, trong trường hợp bạn viết mã JavaScript dựa trên ES6, rất có thể mã của bạn chạy ko xác thực hoặc thậm chí ko chạy trên các trình duyệt không giống nhau. Để khắc phục tình trạng này, cần có dụng cụ chuyển đổi mã JavaScript viết dựa trên ES6 sang ES5. Và Babel ra đời để phục vụ nhu cầu đó.

Xem thêm thông tin hay:  Công Thức Hóa Học Của Bột Nở

Cũng xin xem xét với độc giả rằng phiên bản thứ 6 của ECMASCript hoặc ES6 được phát hành vào năm 2015 ko phải năm 2016 và còn được gọi là ECMASCript 2015.

Thiết đặt và sử dụng Babel

Tùy thuộc vào nhu cầu của chúng tôi, chúng tôi có thể setup Babel trực tiếp trên trình duyệt web hoặc thông qua Trình quản lý gói Node:

Thiết đặt và sử dụng Babel trên trình duyệt

Với cách tiếp cận này, chúng tôi sẽ cần nhúng thư viện Babel (JavaScript) vào trang web thông qua

Xem thêm: ngôn tình là gì | Hỏi gì?

Sau đó, bạn cần đặt mã JavaScript được viết bằng ES6 trong

Xem xét rằng tính chất type trong phần mở đầu

Xem thêm: ngôn tình là gì | Hỏi gì?

Sau đó, bạn cần đặt mã JavaScript được viết bằng ES6 trong

Xem xét rằng tính chất type trong phần mở đầu

Xem thêm: ngôn tình là gì | Hỏi gì?

Sau đó, bạn cần đặt mã JavaScript được viết bằng ES6 trong

Xem xét rằng tính chất type trong phần mở đầu

Similar Articles

Comments

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

Advertisment

Phổ biến nhất