Đúc kiểu TypeScript hoặc JavaScript

Làm thế nào để xử lý việc truyền kiểu trong TypeScript hoặc Javascript?

Nói rằng tôi có mã TypeScript sau đây:

module Symbology { 

    export class SymbolFactory { 

        createStyle( symbolInfo : SymbolInfo) : any { 
            if (symbolInfo == null)
            {
                 return null;
            }

            if (symbolInfo.symbolShapeType === "marker") {      

                // how to cast to MarkerSymbolInfo          
                return this.createMarkerStyle((MarkerSymbolInfo) symbolInfo);
            }                                  
        }

        createMarkerStyle(markerSymbol : MarkerSymbolInfo ): any { 
            throw "createMarkerStyle not implemented";
        }              

    }
}

nơi SymbolInfolà một lớp cơ sở. Làm cách nào để xử lý typecasting từ SymbolInfođến MarkerSymbolInfotrong TypeScript hoặc Javascript?

Bạn có thể chọn như thế này:

return this.createMarkerStyle(<MarkerSymbolInfo> symbolInfo);

Hoặc như thế này nếu bạn muốn tương thích với chế độ tsx:

return this.createMarkerStyle(symbolInfo as MarkerSymbolInfo);

Chỉ cần nhớ rằng đây là một cast thời gian biên dịch, và không phải là cast thời gian chạy.

Đây được gọi là xác nhận kiểu trong TypeScript và kể từ TypeScript 1.6, có hai cách để diễn đạt điều này:

// Original syntax
var markerSymbolInfo = <MarkerSymbolInfo> symbolInfo;

// Newer additional syntax
var markerSymbolInfo = symbolInfo as MarkerSymbolInfo;

Cả hai lựa chọn thay thế là giống nhau về chức năng . Lý do giới thiệu as-syntax là cú pháp ban đầu mâu thuẫn với JSX , xem phần thảo luận thiết kế tại đây .

Nếu bạn đang ở một vị trí để lựa chọn, chỉ cần sử dụng cú pháp mà bạn cảm thấy thoải mái hơn. Cá nhân tôi thích as-syntax vì nó cảm thấy trôi chảy hơn khi đọc và viết.

Trong bản đánh máy, có thể thực hiện instanceofkiểm tra một câu lệnh if và bạn sẽ có quyền truy cập vào cùng một biến với các Typedthuộc tính.

Vì vậy, hãy nói MarkerSymbolInfocó một tài sản trên nó được gọi là marker. Bạn có thể làm như sau:

if (symbolInfo instanceof MarkerSymbol) {
    // access .marker here
    const marker = symbolInfo.marker
}

Đây là một mẹo nhỏ để lấy ví dụ của một biến sử dụng cùng một biến mà không cần gán lại nó cho một tên biến khác.

Kiểm tra hai tài nguyên này để biết thêm thông tin:

Ví dụ về TypeScript & JavaScript