$this

$this is an object that indicates the component that is executing the action. It can be used to obtain the property value of the component itself that is placed in the UI.

The available properties vary depending on the part, so they may not exist depending on the component that performed the action.

It is also possible to use functions that can be used commonly within an application, such as global functions. In the action of the component with ID "text_field_1", you can replace it with $this without entering the component ID, such as $ui.text_field_1.value.

Note

• If you define $this, code assist for the component property that is the launch source will be displayed and you can write the action.
• When using $this in the action of the app bar, icon button, avatar, breadcrumb list, or bottom navigation part, undefined is returned, so by using the optional chain operator, such as $ui.$this?.value, an error will not occur even if it is undefined.