स्विच केस स्टेटमेंट्स में टाइपस्क्रिप्ट प्रकार की सुरक्षा

Question

मैं रेडक्स के साथ काम कर रहा हूं और मैं अपने रेड्यूसर को सुरक्षित रखने की कोशिश कर रहा हूं। मुझे ngrx-store/example ऐप से कुछ कोड उदाहरण मिला जहां वे इसे करने में पूरी तरह सफल हुए। (https://github.com/ngrx/example-app/blob/master/src/app/actions/book.ts)

अपनी खुद की परियोजना में इसे एकीकृत करते समय, मैंने कुछ अजीब देखा, जिसे मैं समझा नहीं सकता। अगर मैं निम्नलिखित में FIRST और SECOND गुण की परिभाषा को बदलने के

// Action has a type and payload property 
interface Action { 
    type: string; 
    payload?: any; 
} 

// Here I declare the action types as plain strings 
const FIRST = "FIRST"; 
const SECOND = "SECOND"; 

// I create classes for every action with there respective types 
class FirstAction implements Action { 
    public type = FIRST; 
    payload: { id: number }; 

    public constructor(id: number) { 
     this.payload = { id }; 
    } 
} 

class SecondAction implements Action { 
    public type = SECOND; 

    public constructor() { } 
} 

// Create a union type 
type Actions = FirstAction | SecondAction; 

// Use the union type as type parameter in my function 
function test(action: Actions): void { 
    switch (action.type) { 
     case FIRST: 
        // compiler will complain it cannot find the payload 
        // property on Actions 
      let temp = action.payload.id; 
     case SECOND: 
     // empty 
     default: 
     //empty 
    } 
} 

, यह काम करता है: निम्नलिखित कोड नमूना (कुछ टिप्पणियाँ इनलाइन) की जाँच करें।

export function type<T>(label: T | ''): T { 
    return <T>label; 
} 


const FIRST = type("FIRST"); 
const SECOND = type("SECOND"); 

जहां तक ​​मैं देख सकता हूं, प्रकार फ़ंक्शन केवल स्ट्रिंग को स्ट्रिंग पर रखता है। कोड type फ़ंक्शन को कॉल करने के साथ क्यों काम करता है लेकिन स्ट्रिंग को तुरंत घोषित करते समय नहीं?

यहां एक typescript playground example है जहां आप केवल परिभाषाओं को बाहर या बाहर (पहले वर्किंग संस्करण के साथ) टिप्पणी कर सकते हैं।

Answer 1

यह क्योंकि टीएससी संकलक अलग नहीं कर सकते हैं 2 मूल्यों है:

const FIRST = "FIRST"; 
const SECOND = "SECOND"; 

यह प्रकार string के दोनों है, इस प्रकार टीएससी जो के अंतर्गत आता है पता नहीं है। आपको इसे एक प्रकार देना होगा, और यही वह है जो आप इसे अपने type फ़ंक्शन के साथ कास्टिंग करके कर रहे हैं।

लेकिन यह आसान है अगर आप इसे लिखते इस प्रकार है:

let temp = (action as FirstAction).payload.id; 

कुछ अन्य विचार:
- क्या तुम सच में क्या

const FIRST: "FIRST" = "FIRST"; 
const SECOND: "SECOND" = "SECOND"; 

Typescript playground

Answer 2

मैं as ऑपरेटर का प्रयोग करेंगे Actions की आवश्यकता है यदि आपके पास पहले से Action है कि सभी आपकी क्रिया कक्षाएं लागू होती हैं?
- फ़ंक्शन में प्रत्येक मामले के रेड्यूसर को निकालने से पठनीयता और इकाई परीक्षण में मदद मिल सकती है।
- याद रखें कि reducers राज्य और कार्रवाई लेते हैं, और राज्य लौटते हैं (मैं समझता हूं कि आपने बस अपना उदाहरण सरलीकृत किया है)।

function test(state: State, action: Action): State { 
    switch (action.type) { 
     case FIRST: 
      return handleFirst(state, action as FirstAction); 
     case SECOND: 
      return handleSecond(state, action as SecondAction); 
     default: 
      return state; 
    } 
} 

function handleFirst(state: State, action: FirstAction): State { 
    let temp = action.payload.id; 
    // ... 
} 

// ... 

Answer 3

यह केवल स्थिर अभिव्यक्तियों, नियमित रूप से नहीं, स्थिरता के साथ काम करता है।

switch(variable_expression) { 
    case constant1: { 
     //code; 
     break; 
    } 
    case constant2: { 
     //code; 
     break; 
    } 
    default: { 
     //code; 
     break; 
    } 
}