镜像站点 · 本页由第三方 GitHub 只读镜像提供,非 GitHub 官方站点,不接受任何登录或凭据输入。前往 github.com
Skip to content

Suggestion: Refactor extract to type alias/typedef #23869

Description

TypeScript Version: 2.9.0-dev.201xxxxx

Search Terms: Refactor, extract type, typedef

In a TypeScript file Extract to type alias:

var x: { a: number, b: string } = { .. };

would generate:

type newType = { a: number, b: string }
var x: newType = { .. };

In a JavaScript file Extract to typedef:

/** @type {import("./c2").mytype} */
var x;

would generate:

/** @typedef {import("./c2").mytype} newType */

/**@type {myType} */
var x;

gif courtesy of Daniel Rosenwasser (@DanielRosenwasser)

extracttypealias

Activity

  1. added
    SuggestionAn idea for TypeScript
    Domain: LS: Refactoringse.g. extract to constant or function, rename symbol
    Awaiting More FeedbackThis means we'd like to hear from more people who would be helped by this feature
    Domain: JSDocRelates to JSDoc parsing and type generation
    on May 3, 2018
  2. Kingwl commented on Jun 11, 2018

    @Kingwl
    Contributor

    it's very helpful to me

  3. mhegazy commented on Jun 11, 2018

    @mhegazy
    ContributorAuthor

    Wenlu Wang (@Kingwl) is that something you would be interested to implement as well? we would accept a PR for this one.

  4. Kingwl commented on Jun 11, 2018

    @Kingwl
    Contributor

    sure,but it going to be late,my deadline is coming😂

  5. Kingwl commented on Jun 19, 2018

    @Kingwl
    Contributor

    something need to consider:

    1. option parameter?
    2. rest parameter?
    3. update all CallExpression ?
  6. mhegazy commented on Jun 19, 2018

    @mhegazy
    ContributorAuthor
    • For optional parameters I would strip off the |undefined from the type e.g. function f(a? :number | undefined) => type newType = number ; function f(a?: newType)
    • initializers need to be maintained, e.g. function f(a : number | string = 0) should be type newType = number | string; function f(a: newType = 0)
    • rest parameters are fine, since you are extracting their type
    • do not think you need to update call expressions..

    I think you are confusing this feature with extract to named arguments. e.g. function f(a: number, b:string) => function f({a, b}: {a: number, b:string}). this one is tracked by #23552.

  7. Kingwl commented on Jun 19, 2018

    @Kingwl
    Contributor

    Yes, I confused the two feature (:sad) , this one looks like this is a relatively simple operation

  8. Kingwl commented on Jun 21, 2018

    @Kingwl
    Contributor

    could you give some advice about the new name of the newType?

  9. mhegazy commented on Jun 21, 2018

    @mhegazy
    ContributorAuthor

    dose not matter what name you pick really. it has to be unique. The new name will be the rename location for the refactoring, and thus the user will get to update it immateriality after the refactor is applied.

  10. Kingwl commented on Jun 21, 2018

    @Kingwl
    Contributor

    should it trigger with signal primitive type and extract to a type alias?

  11. mhegazy commented on Jun 21, 2018

    @mhegazy
    ContributorAuthor

    I suppose so.. any type node really should be extractable..

  12. added
    CommittedThe team has roadmapped this issue
    and removed
    Awaiting More FeedbackThis means we'd like to hear from more people who would be helped by this feature
    on Mar 22, 2019
  13. RyanCavanaugh commented on Mar 22, 2019

    @RyanCavanaugh
    Member

    Wenlu Wang (@Kingwl) we were just wishing we had this 😉

  14. Kingwl commented on Mar 23, 2019

    @Kingwl
    Contributor

    I'll on it😂

  15. mattwelke commented on Mar 31, 2019

    @mattwelke

    The 3.4 release notes mention this issue for providing feedback about this feature were they to expand it to create a type for the new parameter object.

    I feel like a nice convention would to be to tap into the name of the function and its class if the function is a method to arrive at the following convention: FunctionNameOptions OR ClassNameMethodNameOptions.

    Example:

    Before refactor:

    class Foo {
        bar(a: string, b: number) {
          console.log('bar');
        }
    }

    Refactored:

    interface FooBarOptions {
        a: string;
        b: number;
    }
    
    class Foo {
        bar(o: FooBarOptions) {
            console.log('bar');
        }
    }

    Instead of Options, the suffix could also be things like Params, Args, etc. Whatever the community thinks makes the most sense.

    The parameters interface would be placed in the same file because it would make sense for another module to import this module in order to reference its types and use its functions. The developer could move the interface into another file if they wanted to.

  16. DanielRosenwasser commented on May 14, 2019

    @DanielRosenwasser
    Member
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    CommittedThe team has roadmapped this issueDomain: JSDocRelates to JSDoc parsing and type generationDomain: LS: Refactoringse.g. extract to constant or function, rename symbolFixedA PR has been merged for this issueSuggestionAn idea for TypeScript

    Type

    No type

    Projects

    No projects

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions