Completion of TypeScript code is not working as expected, the variable that is dependent upon is not

Question

Completion of TypeScript code is not working as expected, the variable that is dependent upon is not

Looking for assistance with creating code completion in TypeScript.

Variable.Append1
    Variable.Append2
    Variable.Append3

I have defined the following class:

class Variable {
        Append1(name: string){
            if (name == undefined) {
                return 0;
            }
            return name;
        }
        Append2(name: string){
            return name;
        }
        Append3(name: string, defaultValue: string){
            if (name == undefined){
                return defaultValue;
            }
            return name;
        }
    }

Although I have added this class to my library and my JavaScript file recognizes the 'Variable' parameter, it does not recognize Append1, Append2, or Append3. As a beginner in TypeScript, any help would be greatly appreciated!

javascript typescript code-completion

Answer 1

Answer №1

Append1, Append2, and other similar methods are part of the instance behavior of the Variable class. To use them, you need to create an instance of Variable:

Example of how to do this:

let obj = new Variable();
obj.Append1("test"); // This will work

If you meant for Append1, Append2, etc to be static methods, you should declare them as such:

class Variable {
    static Append1(name: string){
        if (name === undefined){
           return 0;
        }
        return name;
    }
    // Other methods...
}

Variable.Append1("test"); // This will work

Answer 2

Append1, Append2, and other similar methods are part of the instance behavior of the Variable class. To use them, you need to create an instance of Variable:

Example of how to do this:

let obj = new Variable();
obj.Append1("test"); // This will work

If you meant for Append1, Append2, etc to be static methods, you should declare them as such:

class Variable {
    static Append1(name: string){
        if (name === undefined){
           return 0;
        }
        return name;
    }
    // Other methods...
}

Variable.Append1("test"); // This will work

Completion of TypeScript code is not working as expected, the variable that is dependent upon is not

Answer №1

Similar questions

Leveraging AngularJS ngBind with a JavaScript object

Is there a way to determine the file size for uploading without using activexobject?

Using Javascript to dynamically populate dropdown options based on radio button selection

Tips for sending an email without using MAILTO in JavaScript or jQuery

Using the methods res.render() and res.redirect() in Express.js

Update the page when the React route changes

Issues with implementing KoGrid within the Durandal JS framework

Modify the appearance of a Javascript file that is parsing data from a text file

How can I design a trapezoid with see-through borders and background?

Having trouble getting undefined values for keys while attempting to retrieve all the data from Firebase DB with Angular

The parseJSON function is not compatible with AJAX requests

create a division in the organization of the identification numbers

A blank screen of errors pops up when attempting to update through a form

Navigating through child elements within a div using JavaScript

Excessive API requests can occur when Redux dispatches an action multiple times

ReactJS: The input is not triggering the onChange event

When you hover over HTML tables, they dynamically rearrange or shift positions

Error: Unable to register both views with identical name RNDateTimePicker due to Invariant Violation

How to parse JSON in JavaScript/jQuery while preserving the original order

Building a personalized payment experience using Python Flask and Stripe Checkout