typescript - string literal type to type string

Question

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?

What exactly is the problem? You're getting compilation error when pass the `status`? What error? I'm unable to reproduce it. — Nitzan Tomer, Nov 16 '16 at 20:19

Dan · Answer 1 · 2020-03-27T10:50:32.460

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.

it should be cast as a lowercase `string`, not uppercase `String`. See https://stackoverflow.com/questions/14727044/typescript-difference-between-string-and-string — jeffkmeng, Mar 27 '20 at 05:30

score 0 · Answer 2 · answered Nov 16 '16 at 19:44

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
}

answered Nov 16 '16 at 19:44

Alejandro C.

3,771
15
18

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](https://www.typescriptlang.org/docs/handbook/enums.html#handbook-content) – MaxAxeHax Dec 15 '22 at 01:16

score 0 · Answer 3 · answered Nov 17 '16 at 05:41

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);

typescript - string literal type to type string

3 Answers3