Javascript vẫn là một trong những ngôn ngữ rất phổ biến hiện nay tuy nhiên nó cũng có nhược điểm, chính vì vậy Typescript ra đời. Vậy Typescript là gì chúng ta cùng tìm hiểu trong bài này nhé
Typescript là một dự án mã nguồn mở được Microsoft phát triển, được xem là một phiên bản nâng cao của Javascript.
TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.
Vì sao lại được xem là phiên bản nâng cao của Javascript? Vì nó được bổ sung những tùy chọn kiểu tĩnh và các lớp hướng đối tượng, nó bao hàm luôn ES6(ECMAScript 6 2015) - phiên bản mới nhất của Javascript.
Với những lập trình viên đã quen với Javascript thì chắc hẳn các bạn cũng hiểu được những khó khăn khi lập trình với nó.
Tính mở trong việc sử dụng biến gây khó khăn trong việc kiểm soát sự thay đổi, cập nhật Các ứng dụng phức tạp đòi hỏi sử dụng rất nhiều file source, tách thành nhiều thư mục riêng thì việc đảm bảo tính thống nhất sẽ mất rất nhiều công sức vì phải thao tác bằng tay khá nhiều. Về cơ bản thì Javascript có hõ trợ OOP nhưng khi áp dụng thì lại rất khó khăn bởi cách triển khai code không hề đơn giản so với những ngôn ngữ bậc cao khác như Java, C#, Ruby ...
Chúng ta không thể chạy trực tiếp Typescript ngay trong trình duyệt một cách đơn giản như Javascript, Typescript được biên dịch qua Javascript bởi trình biên dịch thông qua npm.
Để có thể làm việc với Typescript thì bạn phải cài đặt node.js & npm, bạn có thể tìm các hướng dẫn cài đặt ở đây https://docs.npmjs.com/getting-started/installing-node
Cài Typescript để biên dịch Typescript sang Javascript:
npm install -g typescript
Kiểm tra cài đặt bằng lệnh:
tsc -v
Version 2.6.2
Thực hành Typescript:
Sau khi cài đặt thành công hãy thực hành một vài dòng code để tìm hiểu Typescript nào.
File example.ts :
class Vehicle {
name: string;
brand: string;
constructor (name: string, brand: string) {
this.name = name;
this.brand = brand;
}
info() {
return "Name: " + this.name + ", brand: " + this.brand;
}
start() {
return this.brand + " " + this.name + " is runing.";
}
}
let bugati = new Vehicle("Veyon", "Bugati");
bugati.start();
Chạy lệnh tsc example.ts typescript sẽ biên dịch ra một file js cùng tên và khi chạy thực ra là chạy file này chứ không phải file example.ts.
Cùng xem code Javascript đã được dịch ra trông như thế nào nhé:
var Vehicle = /** @class */ (function () {
function Vehicle(name, brand) {
this.name = name;
this.brand = brand;
}
Vehicle.prototype.info = function () {
return "Name: " + this.name + ", brand: " + this.brand;
};
Vehicle.prototype.start = function () {
return this.brand + " " + this.name + " is runing.";
};
return Vehicle;
}());
var bugati = new Vehicle("Veyon", "Bugati");
bugati.start();
Đó là ưu điểm của Typescript so với Javascript, code trông gọn và dễ nhìn hơn nhiều so với Javascript.
Typescript cung cấp một sự rõ ràng hơn về kiểu dữ liệu, điều này giúp dễ dàng tổ chức code hơn cũng như dễ dàng hơn rất nhiều trong việc debug so với Javascript, bởi nhiều khi có những lỗi logic về kiểu dữ liệu mà chúng ta rất khó để phát hiện.
Không thể không nói rằng Javascript vẫn là một trong những ngôn ngữ rất phổ biến hiện nay. Tuy vậy thì những ưu điểm của Typescript là không thể phủ nhận. Bởi những ứng dụng web có quy mô hầu hết đều sử dụng những framwork front-end phổ biến, và khi làm việc với chúng thì bạn mới hiểu được sự tiện dụng, hiệu quả mà Typescript mang lại.
Unpublished comment
Viết câu trả lời