Convert ES6 class to typescript class

Question

I have the following ES6 class.

class Http {
    isFormData;
    url;
    token;
    data;

    constructor() {
        this.isFormData = false;
        this.url = '';
        this.token = '';
        this.data = {};
    }

    /** Set url */
    setUrl(url: string) {
        this.url = url;
        return this;
    }

    /** Set data */
      setData(data: Object) {
        this.data = data;
        return this;
    }
}

export default new Http();

I want to make it a typescript class. I tried but some properties are not identified properly. How can I make it a typescript class?

klugjo · Accepted Answer · 2020-02-12 06:45:01Z

5

You need to specify the types of your properties. I also suggest you make them private:

class Http {
    private isFormData: boolean;
    private url: string;
    private token: string;
    private data: Object;

    constructor() {
        this.isFormData = false;
        this.url = '';
        this.token = '';
        this.data = {};
    }

    /** Set url */
    setUrl(url: string) {
        this.url = url;
        return this;
    }

    /** Set data */
    setData(data: Object) {
        this.data = data;
        return this;
    }
}

export default new Http();

answered Feb 12, 2020 at 6:45

klugjo

21k10 gold badges65 silver badges83 bronze badges

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

Comments

A.Abdelhak · Accepted Answer · 2020-02-12 06:58:44Z

0

its better to export your class with export class Http so you can import it as import {Http} from './http'

 export  class Http {
 isFormData: boolean;
 url: string;
 token: string;
 data: Object;

constructor() {
    this.isFormData = false;
    this.url = '';
    this.token = '';
    this.data = {};
}

/** Set url */
setUrl(url: string) {
    this.url = url;
    return this;
}
/** Set data */
setData(data: Object) {
    this.data = data;
    return this;
}

}

answered Feb 12, 2020 at 6:58

A.Abdelhak

1404 bronze badges

Collectives™ on Stack Overflow

Convert ES6 class to typescript class

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related