Is it considered safe to modify variables by using this[varName] = something within a function that includes varName as a parameter?

Question

Is it considered safe to modify variables by using this[varName] = something within a function that includes varName as a parameter?

As I continue working on this function, a question arises regarding the safety of changing variables in this manner.

In my Angular service, I utilize utility functions where context represents this from the component calling the function. The code snippet provided should clarify things further:

changeValueOverTime(context: any, varToChange: string, amount: number, intervalTime: number) {
    const interval = setInterval(() => {
      context[varToChange] = 200;
    }, intevalTime);
  }

An update has been made to this function, and you can view it here:

javascript angular typescript

Answer 1

Answer №1

Avoid using the old-fashioned method! Instead, utilize RXJS interval along with map to emit a new value on every iteration. Simply subscribe to this Observable within your component.

updateValueOverTime(intervalTime: number) {
    return interval(intervalTime).pipe(map(() => 200));
}

Then, in your component:

updateValueOverTime().subscribe(newValue => this.updatedVariable = newValue);

Answer 2

Avoid using the old-fashioned method! Instead, utilize RXJS interval along with map to emit a new value on every iteration. Simply subscribe to this Observable within your component.

updateValueOverTime(intervalTime: number) {
    return interval(intervalTime).pipe(map(() => 200));
}

Then, in your component:

updateValueOverTime().subscribe(newValue => this.updatedVariable = newValue);

Is it considered safe to modify variables by using this[varName] = something within a function that includes varName as a parameter?

Answer №1

Similar questions

Is it possible to use a single type predicate for multiple variables in order to achieve type inference?

Can a specific section of an array be mapped using Array.map()?

In general, I am seeking ways to streamline my code that is excessively repetitive. More specifically, I am attempting to utilize a single function to access multiple states

There was an unexpected error: Unable to access the 'bool' property of an undefined object

retrieving dynamic data from an HTML form to JavaScript

The specified module could not be located in the ngx-toastr library

Obtain the ID of a YouTube video from an iFrame link using jQuery

After using driver.execute_script, the variable results in nil

Tips for managing post-generated buttons using jQuery?

Edit data with modal form in Angular-UI

Unreliable Response from JEditable

Prevent accordion expansion triggered by the More button click

Utilizing Typescript Generics in Arrow Function to Combine Two Arguments

I'm trying to figure out how to redirect only the empty path using the new router in Angular 2. Can anyone

What could be causing my select tags to appear incorrectly in Firefox and IE?

Can React components receive props or data when they are inserted into regular HTML code?

unable to transform this string into an object

Is it possible to utilize terms such as 'calc' within the [style.width] directive?

Dynamic content loading for Twitter Bootstrap Popover using Ajax

Clicking on the anchor at the bottom of the page will smoothly navigate you to the top of the page