What are some ways to conceal methods within a class so that they are not accessible outside of the constructor

Question

What are some ways to conceal methods within a class so that they are not accessible outside of the constructor

I am a newcomer to classes and I have written the following code:

class BoardTypeResponse {
  created_on: string;
  name: string;
  threads: string[];
  updated_on: string;
  _id: string;
  delete_password: string;
  loading: BoardLoadingType;
  error: BoardErrorType;

  constructor(params: {
    name?: string;
    delete_password?: string;
    _id?: string;
  }) {
    this.created_on = this.now();
    this.name = params.name || 'TEST BOARD NAME';
    this.threads = [];
    this.updated_on = this.now();
    this._id = params._id || this.genUuidV1();
    this.delete_password = params.delete_password || this.genUuidV1();
    this.loading = {
      update_name: false
    };
    this.error = {
      update_name: ''
    };
  }
  private genUuidV1 = () => uuidv1();
  private now = () => new Date().toISOString();
}

The issue with this created object is that it exposes methods genUuidV1 and now in the returned object, which were intended to be private:

{
  created_on: '2019-09-16T16:26:49.885Z',
  name: 'UPDATED CREATE BOARD TEST',
  threads: [],
  updated_on: '2019-09-16T16:26:49.885Z',
  _id: 'c8ebf4d0-d89e-11e9-81ae-1dc34f066a52',
  delete_password: 'abcd123',
  loading: [Object],
  error: [Object],
  genUuidV1: [Function],
  now: [Function]
}

I do not want genUuidV1 and now to be visible when returned. How can I hide them?

javascript typescript

Answer 1

Answer №1

Create a custom method for returning data

class BoardTypeResponse {
    created_on: string;
    name: string;
    threads: string[];
    updated_on: string;
    _id: string;
    delete_password: string;
    loading: BoardLoadingType;
    error: BoardErrorType;

    constructor(params: {
        name ? : string;
        delete_password ? : string;
        _id ? : string;
    }) {
        (this.created_on = this.now()),
        (this.name = params.name || 'TEST BOARD NAME'),
        (this.threads = []),
        (this.updated_on = this.now()),
        (this._id = params._id || this.genUuidV1()),
        (this.delete_password = params.delete_password || this.genUuidV1()),
        (this.loading = {
            update_name: false
        });
        this.error = {
            update_name: ''
        };
    }
    genUuidV1 = () => uuidv1();
    now = () => new Date().toISOString();
    getObject = () => {
        return {
            created_on: this.created_on,
            name: this.name,
            threads: this.threads,
            updated_on: this.updated_on,
            _id: this._id,
            delete_password: this.delete_password,
            loading: this.loading,
            error: this.error,
        };
    };
}

Example of usage:

Invoke the getObject() method

let obj = new BoardTypeResponse();
let y = obj.getObject();

Answer 2

Create a custom method for returning data

class BoardTypeResponse {
    created_on: string;
    name: string;
    threads: string[];
    updated_on: string;
    _id: string;
    delete_password: string;
    loading: BoardLoadingType;
    error: BoardErrorType;

    constructor(params: {
        name ? : string;
        delete_password ? : string;
        _id ? : string;
    }) {
        (this.created_on = this.now()),
        (this.name = params.name || 'TEST BOARD NAME'),
        (this.threads = []),
        (this.updated_on = this.now()),
        (this._id = params._id || this.genUuidV1()),
        (this.delete_password = params.delete_password || this.genUuidV1()),
        (this.loading = {
            update_name: false
        });
        this.error = {
            update_name: ''
        };
    }
    genUuidV1 = () => uuidv1();
    now = () => new Date().toISOString();
    getObject = () => {
        return {
            created_on: this.created_on,
            name: this.name,
            threads: this.threads,
            updated_on: this.updated_on,
            _id: this._id,
            delete_password: this.delete_password,
            loading: this.loading,
            error: this.error,
        };
    };
}

Example of usage:

Invoke the getObject() method

let obj = new BoardTypeResponse();
let y = obj.getObject();

What are some ways to conceal methods within a class so that they are not accessible outside of the constructor

Answer №1

Similar questions

Retrieve the value of the specific element I have entered in the ngFor loop

What is the procedure for passing arguments to Google signIn in a NextJS backend?

Crafting jQuery Plugins with Object-Oriented Programming

Having trouble rendering the response text from the API fetched in Next.js on a webpage

A guide to merging two JSON objects into a single array

How come eslint is unable to detect all files within a directory, yet it can detect a single file?

Show text using AJAX when the form is submitted

Arranging sequence of jQuery functions

I would like to include the value of the "file_id" variable in the href attribute of an appended HTML element, but it seems

Styling Result received from Web API call within an array

No updates found (Angular)

Guide to sending both JSON data and form data in a single request using Laravel 9

Angular 11 Working with template-driven model within a directive

Ways to condense a text by using dots in the middle portion of it

Is it necessary to specify the server-side script within the "routes" directory?

Storing data in a text or HTML file using server-side JavaScript

Is there a way to determine if npm packages are accessing and misusing my system's environment variables?

Triggering an event upon completion of ng-repeat's execution

Verify whether an email is already registered in firestore authentication during the signup process using Angular

Is it possible to change the value of a react-final-form Field component using the onSelect function?