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

Prevent users from deleting options in Autocomplete by disabling the backspace key

Understanding how to handle prop types in a React application using Typescript

Method for testing with Jest

Exploring Vue.prototype attributes and utilizing them

JavaScript game with server-side communication and answer validation functionality

ReactJS import duplication problem arising from utilizing npm link for component testing prior to npm package release

Looking to replicate a Modal that I designed, but unsure which elements need altering in order to achieve this. I am hoping to create three duplicates of the Modal

Implementing type-based validations in Vue.js 3 using Yup

Tips for effectively utilizing nodejs soap

Error encountered while making an http get request for a node that returns JSON

creating an animated loop within an Angular template

What steps do I need to take in Bootstrap 5 to add a search icon to the navbar that reveals a search box beneath it when clicked?

A guide to resolving cross-origin resource sharing issues using a reverse proxy

Trap mistakes while utilizing async/await

`Failure to prompt an error following an unsuccessful post request in a node.js application using axios and express`

Tips on waiting for an event to be processed during a Protractor end-to-end test

Hiding elements in FireBase and Angular based on user identification

Ways to eliminate a single child from a jQuery object without altering the HTML structure

Use jQuery to compare the input values whenever they are modified

Prioritize moving the JavaScript onload handler to the end of the queue