TypeScript có gì hay?

Thứ Ba, 14/01/2020

Tram Ho

Typescript là ngôn ngữ lập trình do Microsoft sáng lập năm 2012, nó sẽ được biên dịch sang ngôn ngữ javascript và có thể thực thi trên bất cứ browser và hệ điều hành. Lợi ích lớn nhất của typescript đó là kiểm tra dữ liệu đầu vào, dữ liệu truyền sai thì sẽ không thể convert sang javascript được, không giống như javascript truyền kiểu dữ liệu nào cũng được. Typescript hoàn toàn hướng đối tượng như c# và java, mọi người có thể tiếp cận typescript nhanh hơn nếu như có nền tảng java và c#, file typescript có đuôi .ts nhé.

JavaScript của bạn là TypeScript. Typescript luôn hỗ trợ javascript mới nhất.
cú pháp:

let message:string = "Welcome to Typescript!"
console.log(message)

let message:string = "Welcome to Typescript!"

console.log(message)

convert sang javascript như sau:

var message = "Welcome to Typescript!";
console.log(message);

var message = "Welcome to Typescript!";

console.log(message);

Tính năng của typescript

Cross-Platform: TypeScript có thể được cài đặt trên mọi hệ điều hành như Windows, MacOS và Linux.
Object-Oriented Language: TypeScript cung cấp các tình năng giống classes, interfaces, andmodules.
Type: hỗ trợ kiểu dữ liệu
ES 6 Features: hỗ trợ đầy đủ các tính năng của es6
DOM: TypeScript có thể add or remove elements.

TypeScript Types

Built-in: number, string, boolean, void, null và undefined.
User-defined: enum, classes, interfaces, arrays, và tuple.
cú pháp:

var [identifier] : [type-annotation] = value;

1 2	var [identifier] : [type-annotation] = value;

ex:

let name:string = "my name is typescript";

1 2	let name:string = "my name is typescript";

Operators

Cũng giống các ngôn ngữ khác typescript cũng hỗ trợ các toán tử như: Arithmetic operators, Logical operators, Relational operators, Bitwise operators, Assignment operators.

TypeScript Interfaces

Interface giống như trong java vậy, nó cho phép bạn định nghĩ thuộc tính là gì và phương thức là gì mà đối tượng cần để được thực thi (implement).

interface Employee {
empID: number;
empName: string;
getSalary: (number) =&gt; number;
getManagerName(number): string;
}

interface Employee {

empID: number;

empName: string;

getSalary: (number) => number;

getManagerName(number): string;

}

TypeScript Classes

TypeScript đã giới thiệu class để chúng có thể tận dụng lợi ích của các kỹ thuật hướng đối tượng như đóng gói và trừu tượng hóa.
class bao gồm:

Constructor
Properties
Methods

class Employee {
    empID: number;
    empName: string;
 
    constructor(ID: number, name: string) {
        this.empName = name;
        this.empID = ID;
    }
 
    getSalary() : number {
        return 40000;
    }
}

class Employee {

empID: number;

empName: string;

constructor(ID: number, name: string) {

this.empName = name;

this.empID = ID;

}

getSalary() : number {

return 40000;

}

Inheritance

Typescript hỗ trợ tính kế thừa một trong nhưng điều mạnh mẽ nhất của hướng đối tượng, nó cũng sử dụng từ khóa extend để kế thừa( giống với java).
Cú pháp:

class child_class_name extends parent_class_name

1 2	class child_class_name extends parent_class_name

ex:

class Person {
    name: string;

    constructor(name: string) {
        this.name = name;
    }
}
 
class Employee extends Person {
    empID: number;

    constructor(empID: number, name:string) {
        super(name);
        this.empID = empid;
    }

    displayName():void {
        console.log("Name = " + this.name + ", Employee ID = " + this.empID);
    }
}
 
let emp = new Employee(701, "Jason");
emp.displayName(); // Name =Jason, Employee ID = 701

class Person {

name: string;

constructor(name: string) {

this.name = name;

}

class Employee extends Person {

empID: number;

constructor(empID: number, name:string) {

super(name);

this.empID = empid;

}

displayName():void {

console.log("Name = " + this.name + ", Employee ID = " + this.empID);

}

let emp = new Employee(701, "Jason");

emp.displayName(); // Name =Jason, Employee ID = 701

That’s all.

Chia sẻ bài viết ngay

Nguồn bài viết : Viblo

TypeScript có gì hay?

Tính năng của typescript

TypeScript Types

Operators

TypeScript Interfaces

TypeScript Classes

Inheritance

TikTok trở thành nền tảng mảng xã hội lớn thứ hai ở Nam Phi

Mất giá nhanh nhất sau 9 tháng ra mắt, iPhone 14 Pro Max tiếp tục phá đáy tại Việt Nam

Hướng dẫn sử dụng ngôn ngữ R cho người mới bắt đầu

10 plugin cần thiết của SublimeText dành cho các lập trình viên JavaScript