Yet another method for transferring arguments in typescript

Question

Yet another method for transferring arguments in typescript

I have a TypeScript class with a method that takes three arguments.

class MyClass {

 public static carStatus(name : string , color : string , isReady : boolean){
    let result = isReady ? 'is ready' : 'is not ready';
    return `${color} ${name} ${result}.`;
 }
}

let carStatus = MyClass.carStatus('pride' , 'white' , true);
console.log(carStatus);

I am looking to modify the way the third argument (isReady) is passed into the method by moving it outside of the brackets.

class MyClass {

public static isReady : boolean;

  public static carStatus(name : string , color : string){
    let result = this.isReady ? 'is ready' : 'is not ready';
    return `${color} ${name} ${result}.`;
  }
}

MyClass.isReady = false;
let carStatus = MyClass.carStatus('pride' , 'white');
console.log(carStatus);

Are there any other methods to achieve the same outcome?

javascript typescript typescript-class

Answer 1

Answer №1

In my opinion, a straightforward approach would involve creating a dedicated method to define the isReady status and employing a singular CarStatus class without static methods:

class CarStatus {
    private isReady: boolean;

    constructor(private name: string, private color: string) {
        this.name = name;
        this.color = color;
    }

    public setReady() {
        this.isReady = true;
    }

    public getStatus(): string {
        let result = this.isReady ? 'is ready' : 'is not ready';
        return `${this.color} ${name} ${result}.`;
    }
}

let carStatus = new CarStatus("pride", "white");
carStatus.setReady();
console.log(carStatus.getStatus());

If deemed necessary, an alternative fluent approach could be considered where individual attributes can be set at different times. However, using this method may be excessive in some situations. Here's an illustration:

class CarStatus {  
    constructor(private name: string, private color: string, private isReady: boolean) {
        this.name = name;
        this.color = color;
        this.isReady = isReady;
    }

    public getStatus(): string {
        let result = this.isReady ? 'is ready' : 'is not ready';
        return `${this.color} ${name} ${result}.`;
    }
}

class CarStatusBuilder {
    private name: string;
    private color: string;
    private isReady: boolean;

    public SetReady(): CarStatusBuilder {
        return new CarStatusBuilder() { this.isReady = true};
    }

    public WithName(name: string): CarStatusBuilder {
        this.name = name;
        return this;
    }

    public WithColor(color: string): CarStatusBuilder {
        this.color = color;
        return this;
    }

    public Build(): CarStatus{
        return new CarStatus(this.name, this.color, this.isReady);
    }
}

let carStatus = new CarStatusBuilder()
    .WithColor("white")
    .WithName("pride")
    .Build();
console.log(carStatus.getStatus());

Answer 2

In my opinion, a straightforward approach would involve creating a dedicated method to define the isReady status and employing a singular CarStatus class without static methods:

class CarStatus {
    private isReady: boolean;

    constructor(private name: string, private color: string) {
        this.name = name;
        this.color = color;
    }

    public setReady() {
        this.isReady = true;
    }

    public getStatus(): string {
        let result = this.isReady ? 'is ready' : 'is not ready';
        return `${this.color} ${name} ${result}.`;
    }
}

let carStatus = new CarStatus("pride", "white");
carStatus.setReady();
console.log(carStatus.getStatus());

If deemed necessary, an alternative fluent approach could be considered where individual attributes can be set at different times. However, using this method may be excessive in some situations. Here's an illustration:

class CarStatus {  
    constructor(private name: string, private color: string, private isReady: boolean) {
        this.name = name;
        this.color = color;
        this.isReady = isReady;
    }

    public getStatus(): string {
        let result = this.isReady ? 'is ready' : 'is not ready';
        return `${this.color} ${name} ${result}.`;
    }
}

class CarStatusBuilder {
    private name: string;
    private color: string;
    private isReady: boolean;

    public SetReady(): CarStatusBuilder {
        return new CarStatusBuilder() { this.isReady = true};
    }

    public WithName(name: string): CarStatusBuilder {
        this.name = name;
        return this;
    }

    public WithColor(color: string): CarStatusBuilder {
        this.color = color;
        return this;
    }

    public Build(): CarStatus{
        return new CarStatus(this.name, this.color, this.isReady);
    }
}

let carStatus = new CarStatusBuilder()
    .WithColor("white")
    .WithName("pride")
    .Build();
console.log(carStatus.getStatus());

Yet another method for transferring arguments in typescript

Answer №1

Similar questions

Unable to generate a file using fs.appendFile in Node.js

Using jQuery to implement interactive hover effects on individual items within a list

Show just three items simultaneously

Is it necessary to include async/await in a method if there is already an await keyword where it is invoked?

Creating a number of arrays based on the row of a .CSV file can be accomplished in Angular by utilizing the

Trouble with shadow rendering in imported obj through Three.js

Ways to implement StackNavigator along with Redux?

json data hidden from sight in jQuery

How to prioritize indices when querying multiple indexes in Elasticsearch?

Utilizing Angular 4: Sharing Data through Services and Components

Guide on creating a detailed list of categories mapped to specific classes that all adhere to a common generic standard

Using Vuetify to filter items in a v-data-table upon clicking a button

The call to 'setRequestHeader' on 'XMLHttpRequest' was unsuccessful due to the object's state not being OPENED

Vue - Unable to navigate to a different route

Discovering the Firefox Add-on Bar's Height utilizing Javascript

Accessing a variable from another HTML using JavaScript

Searching for paired values within an array using Javascript or Jquery

Manipulating webpage content with JavaScript

Vuetify offers a convenient solution for implementing multiple buttons in a Vue

Always keep your phone in landscape orientation for optimal website viewing