[Bug]: Unexpected string replacement in JS Object

[phantom943]

Is there an existing issue for this?

• I have searched the existing issues

Description

Exact this. string inside a JS Object gets replaced with the object name and a dot. This is expected inside of the function body, but not inside a string where the literal value with no interpolation/replacement is expected.
Known workaround: Assign literal this string to a variable, and then do manual interpolation.

const q = 'this';
const quote = `I hate ${q}.`;

Steps To Reproduce

1. Create new project
2. Create a JS function
3. Paste the following snippet into the object's body:

   export default {
       async fun() {
           const quote = "I hate this.";
           showAlert(quote);
       }
   }

4. Run function by pressing the "Run" button
5. Note that in the output 'I hate JSObject1.' is being printed instead of 'I hate this.'

Public Sample App

https://app.appsmith.com/app/my-first-application/page1-676983a8bdaced79172b1751

Environment

Production

Severity

Medium (Frustrating UX)

Issue video log

No response

Version

Cloud