การคัดเลือกประเภท TypeScript หรือ JavaScript

วิธีจัดการกับการคัดเลือกนักแสดงใน TypeScript หรือ Javascript อย่างไร

ว่าฉันมีรหัส TypeScript ต่อไปนี้:

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";
        }              

    }
}

อยู่ที่ไหนSymbolInfoชั้นฐาน ฉันจะจัดการ typecasting จากSymbolInfoเป็นMarkerSymbolInfoใน TypeScript หรือ Javascript ได้อย่างไร

คุณสามารถหล่อแบบนี้:

return this.createMarkerStyle(<MarkerSymbolInfo> symbolInfo);

หรืออย่างนี้ถ้าคุณต้องการที่จะเข้ากันได้กับโหมด tsx:

return this.createMarkerStyle(symbolInfo as MarkerSymbolInfo);

เพียงจำไว้ว่านี่คือการคอมไพล์เวลารวบรวมไม่ใช่การร่ายแบบรันไทม์

สิ่งนี้เรียกว่าการยืนยันประเภทใน TypeScript และตั้งแต่ TypeScript 1.6 มีสองวิธีในการแสดงสิ่งนี้:

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

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

ทางเลือกทั้งสองมีหน้าที่เหมือนกัน เหตุผลสำหรับการแนะนำการas-syntax คือไวยากรณ์เดิมขัดแย้งกับJSX , ดูการอภิปรายการออกแบบที่นี่

หากคุณอยู่ในตำแหน่งที่จะเลือกเพียงแค่ใช้ไวยากรณ์ที่คุณรู้สึกสะดวกสบายกับ ฉันชอบasไวยากรณ์ - ส่วนตัวมากกว่าเพราะรู้สึกคล่องในการอ่านและเขียน

ใน typescript มันเป็นไปได้ที่จะทำการinstanceofตรวจสอบในคำสั่ง if และคุณจะสามารถเข้าถึงตัวแปรเดียวกันกับTypedคุณสมบัติ

ดังนั้นสมมติว่ามีคุณสมบัติที่มันเรียกว่าMarkerSymbolInfo markerคุณสามารถทำสิ่งต่อไปนี้:

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

มันเป็นเคล็ดลับเล็กน้อยที่ดีในการรับอินสแตนซ์ของตัวแปรโดยใช้ตัวแปรเดียวกันโดยไม่จำเป็นต้องกำหนดใหม่ให้กับชื่อตัวแปรอื่น

ตรวจสอบแหล่งข้อมูลทั้งสองนี้สำหรับข้อมูลเพิ่มเติม:

อินสแตนซ์ของ TypeScriptและ JavaScript ของอินสแตนซ์