Xuất enum javascript

hàm printAnimalAbilities[động vật. Động vật] {

var AnimalFlags = động vật. cờ;

nếu [animalFlags & AnimalFlags. HasClaws] {

bảng điều khiển. log['con vật có móng vuốt'];

nếu [animalFlags & AnimalFlags. Có thể bay] {

bảng điều khiển. log['con vật biết bay'];

nếu [animalFlags == AnimalFlags. Không có] {

để cho động vật. Động vật = { cờ. Động VậtCờ. Không có };

printAnimalAbilities[động vật];

động vật. cờ. = Cờ động vật. HasClaws;

printAnimalAbilities[động vật];

động vật. cờ &= ~AnimalFlags. HasClaws;

printAnimalAbilities[động vật];

động vật. cờ. = Cờ động vật. HasClaws. Động VậtCờ. Có thể bay;

printAnimalAbilities[động vật];

Xin chào các bạn, bài viết này mình xin trình bày một chút kiến ​​thức kiến ​​thức cơ bản về TypeScript, rất mong mọi người theo dõi

Nội dung chính Hiển thị

1] Typescript là gì?

• TypeScript là một dự án mã nguồn mở được phát triển bởi Microsoft. Nó có thể được coi là một phiên bản nâng cao của Javascript bằng cách bổ sung tùy chọn kiểu tĩnh và đối tượng hướng lớp mà điều này không có trong Javascript
• TypeScript có thể được sử dụng để phát triển các ứng dụng chạy ở phía máy khách [Angular] và phía máy chủ [NodeJS]
• TypeScript sử dụng tất cả các tính năng của ECMAScript 2015 [ES6] như các lớp, mô-đun
• Trưởng nhóm dự án này là Anders Hejlsberg, người đã đóng góp cũng như tạo ra các ngôn ngữ khác C#, Turbo Pascal và Delphi
• TypeScript không phải ra đời đầu tiên mà trước đây cũng có một số thư viện như CoffeScript và Dart được phát triển bởi Google, tuy nhiên điểm yếu là hai thư viện này sư dụng cú pháp mới hoàn toàn, điều này khác hoàn toàn với TypeScript

2] Tại sao nên sử dụng Typescript

• TypeScript giúp chúng ta phát triển các dự án một cách dễ dàng
• Hiện nay có nhiều Javascript Framework khuyến khích sử dụng Typescript. Ví dụ. AngularJS, ion
• Hỗ trợ các tính năng của Javascript phiên bản mới nhất
• TypeScript là một mã nguồn mở nên bạn hoàn toàn có thể sử dụng mà không mất phí, bên cạnh đó còn có một công cụ mã hóa rất mạnh cũng được phát triển bởi Microsoft đã giúp chúng tôi viết mã Typescript một cách dễ dàng hơn nữa
• Bản chất của Typescript vẫn là Javascript - TypeScript được biên dịch tạo ra các đoạn mã javascript nên bạn có thể chạy bất kỳ nơi nào miễn phí ở đó có hỗ trợ biên dịch Javascript. Ngoài ra, bạn có thể sử dụng kết hợp và cú pháp của Javascript vào bên trong TypeScript, điều này giúp các lập trình viên tiếp cận TypeScript dễ dàng hơn

3] Các kiến ​​thức cơ bản về Typescript

3. 1] Cài đặt và chạy chương trình đầu tiên

• Cài đặt nodejs tại đây
• Cài đặt Typescript

cài đặt npm –g thảo luận

• Bản đánh máy có phần mở rộng tiện ích mở rộng. ts
• Để biên dịch một tệp TypeScript thành javascript ta chạy lệnh

tsc tên_file --watch

Ví dụ

• File html. 1. html

DOCTYPE html>


    
    
    
    Hello word
    


    

• đánh máy tập tin. 1. ts

console.log['Hello word'];
var a: number;

a = 1;
console.log[a];

Khi chạy lệnh

tsc1. ts --watch

sau đó là một tập tin 1. js sẽ được tự động sinh ra để chứa mã sau khi biên dịch tệp 1. ts

console.log['Hello word'];
var a;
a = 1;
console.log[a];

3. 2] Kiểu dữ liệu và khai báo biến

• Như mình đã nói ở trên thì bản chất của Typescript vẫn là Javascript nên các kiểu dữ liệu cơ bản của java script thì Typescript đều có ngoài Typescript còn một số kiểu dữ liệu khác như enum, tuple, any, void
• Còn về mặt cú pháp khai báo biến trong Typescript hơi khác một chút đó là khi khai báo chúng ta cần khai báo thêm để nó xem nó thuộc kiểu dữ liệu nào

Ví dụ

// KDL string
var string1 : string;
string1 = '1001';

// console.log[string1];

// KDL number

var number1 : number = 10;
console.log[number1];

// KDL mang
//KDL mang string

var arrString : string[];

arrString = ['teo', 'ty', 'tun'];

console.log[arrString[0]];

// KDL mang number

var arrNumber : number[];

arrNumber = [1, 2, 3];

//KDL boolean

var boolean1 : boolean = true;
console.log[boolean1];

// KDL enum

enum Color {Red, Green, Blue}
var c: Color = Color.Green;

// KDl tuple - kieu du lieu hon tap

var x: [string, number];

x = ['ahihi', 10];
for [let i = 0; i  string = function[x, y] { // Khai bao truoc sau do moi dinh nghia
    return `Chao ${y}, nam nay ban ${x} tuoi phai khong?`;
}

console.log[g[18, 'ahihi']];

var h = [x: number] : number => {
    return x + 9;
}

console.log[h[10]];

3. 4] Hướng đối tượng trong Typescript

Trong Typescript, chúng tôi hỗ trợ các tính chất hướng đối tượng như

• Class

class NhanVatGame {
    tenNhanVat: string;
    solugan: string;
    mau: number;

    constructor [tenNhanVat: string, solugan: string, mau: number] {
        this.tenNhanVat = tenNhanVat;
        this.solugan = solugan;
        this.mau = mau;
    }

    show[] {
        console.log[this.mau];
    }
}

var nhanVat1 = new NhanVatGame['irelia', 'Y chi cua luoi kiem', 697.2];
nhanVat1.show[];

• Công cụ sửa đổi quyền truy cập

Phạm vi truy cập trong lớp. Riêng tư, được bảo vệ, công khai. Mặc định khi không khai báo thì công khai

• Kế thừa kế thừa

class Tuong {
    ten : string;
    mota : string;
    kinang : string[];

    constructor[ten : string, mota : string, kinang : string[]] {
        this.ten = ten;
        this.mota = mota;
        this.kinang = kinang;
    }

    ShowInfo [] {
        let kn = '';
        for [var i = 0; i