Error: Unable to access the 'replace' property of an object that is not defined during object instantiation

Question

Error: Unable to access the 'replace' property of an object that is not defined during object instantiation

Check out my class and interface below:

export interface Foo{
    numFoo: string
}

export class Blah{
  constructor(
    public numBlah: string,
    public arrayOfFoos: Array<Foo>,
    public idBlah: string
    ) { }
}

let numBlah: string = 'numBlah'
let arr: Array<Foo> =[{numFoo: '1'}]
let idBlah: string = 'id'
let blah = new Blah(numBlah, arr, idBlah)

I am trying to create a new instance of the Blah class by passing arguments directly instead of specifying the field names. However, I keep encountering an error. Can anyone help me figure out what is causing this issue?

typescript

Answer 1

Answer №1

Consider refactoring your code to a more traditional object-oriented programming approach:

interface Foo {
    numFoo: string;
}

class Blah {
    public numBlah: string;
    public arrayOfFoos: Foo[];
    public idBlah: string;

    constructor(numBlah: string, arrayOfFoos: Foo[], idBlah: string) {
        this.numBlah = numBlah;
        this.arrayOfFoos = arrayOfFoos;
        this.idBlah = idBlah;
    }
}

let numBlah: string = 'numBlah';
let arr: Foo[] = [{ numFoo: '1' }];
let idBlah: string = 'id';

let blah = new Blah(numBlah, arr, idBlah);

console.log(blah.idBlah);

Answer 2

Consider refactoring your code to a more traditional object-oriented programming approach:

interface Foo {
    numFoo: string;
}

class Blah {
    public numBlah: string;
    public arrayOfFoos: Foo[];
    public idBlah: string;

    constructor(numBlah: string, arrayOfFoos: Foo[], idBlah: string) {
        this.numBlah = numBlah;
        this.arrayOfFoos = arrayOfFoos;
        this.idBlah = idBlah;
    }
}

let numBlah: string = 'numBlah';
let arr: Foo[] = [{ numFoo: '1' }];
let idBlah: string = 'id';

let blah = new Blah(numBlah, arr, idBlah);

console.log(blah.idBlah);

Error: Unable to access the 'replace' property of an object that is not defined during object instantiation

Answer №1

Similar questions

Using the VSCode debugger to place a breakpoint within a Typescript package that has been symlinked using `npm link`

In Ionic 2, any modifications made to the data model will only be reflected in the user interface after there is

Ways to set a default value for a function that returns an unknown type in TypeScript

Jasmine encountered an error while trying to compare the same string: 'Expected the values to match.'

Require assistance with Dhtmlx and Wijmo grid context menus, as well as touch events, specifically when utilized on an iPhone's Safari browser

Resetting md-radio-button choices within an Angular 2 application

Error: The body is not usable - POST action from NextJS server

Encountering the error message "Received 1 argument, when expecting 4" while attempting to utilize a vuex getter in TypeScript

While performing compilation, Angular's ngFor triggers an error when used with SVG elements

Running multiple instances of Chrome to execute all scenarios sequentially within a single feature file in Protractor

Is it necessary to include a package.json file in the /src directory when creating a package?

The NestJS server encounters an unhandled exception leading to a server

How can I receive live notifications for a document as soon as it is created?

Distributing a library of components using Vite, Vue 3, and Typescript to npm

I'm having trouble with the calculator, unable to identify the issue (Typescript)

Error encountered when importing a function in Typescript causes a compiler issue

VSCode does not show errors in TSX files by default

Puppeteer: implementing wait timeout is crucial to successfully handle Auth0 login process

Using LINQ with ngFor in Angular 6

Issue encountered while attempting to remove a post from my Next.js application utilizing Prisma and Zod