10

I have a method with string literal type guard

type Status = 'new' | 'update' | 'close';

itemRequest(status: Status) { 
    itemService.subscribeToChanges(status) //third party library method
}

Difficulty I have is this third party method accepts string not my custom string type Status

subscribeToChanges(status: string) 

How can I make my string literals are actually types of string and when I pass to third party method. It understand it's actually a string?

1
  • 1
    What exactly is the problem? You're getting compilation error when pass the status? What error? I'm unable to reproduce it. Commented Nov 16, 2016 at 20:19

3 Answers 3

5

You are able to cast your value of the Status to a string like this:

type Status = 'new' | 'update' | 'close';

itemRequest(status: Status) { 
    itemService.subscribeToChanges(status as string)
}

Do not use String(status). This constructs a new string object from status and is a wasteful allocation. The cast will be erased at runtime and just corrects TypeScript's knowledge of the type of the status variable. Remember that any type checking TypeScript does is done at compile time and has no runtime cost nor presence.

This code will be compiled to the following:

itemRequest(status) {
  itemService.subscribeToChanges(status)
}

I am however confused as to why this is happening. Your type alias are all of type string so casting from Status to string should be a upcast (i.e, permissible under any reasonable type checker). The other way around would be the main issue. Indeed, your original code works just fine on it's own.

Sign up to request clarification or add additional context in comments.

1 Comment

it should be cast as a lowercase string, not uppercase String. See stackoverflow.com/questions/14727044/…
0

Can you make Status an enum? Then you can use Status[status] which will be the string value you expect. i.e.

enum Status { new, update, close }

itemRequest(status: Status) { 
    itemService.subscribeToChanges(Status[status]) //third party library method
}

1 Comment

I think if you don't explicitly give string values to your Enum, at runtime the values will be numbers. See the 2nd paragraph in the Handbook's page on Enums
0

It should work. In JavaScript it is a normal string. Check out this sample or visit it in the playground.

// TypeScript 
type Status = 'new' | 'update' | 'close';

function itemRequest(status: Status) { 
    itemService.subscribeToChanges(status) //third party library method
}
let myStatus: Status = 'update';
itemRequest(myStatus);

// Compiled JavaScript
function itemRequest(status) {
    itemService.subscribeToChanges(status); //third party library method
}
var myStatus = 'update';
itemRequest(myStatus);

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.