How come `state` in this code would show as `state_v23xwe$_0` in javascript? ``` @Serializable data ...

# javascript

[JoakimForslund]

How come state in this code would show as state_v23xwe$_0 in javascript?

@Serializable
data class StateAware(@JsName("id") val id: String = hashCode().toString(), @JsName("test")val test: String = "Tested") {

    @JsName("state")
    var state: Int = Initilized
        set(value) {
            println("Item with id:$id -> Old State: '${this.state}' | New State: '$value' has been set")
            field = value
            stateAwareContainer.sync(this)
        }
}

[altavir]

https://discuss.kotlinlang.org/t/mandatory-method-mangling-when-compiling-to-js/7644 ?

[r4zzz4k]

Out of curiosity: did you try

@get:JsName("getState")
@set:JsName("state")

?

[Svyatoslav Kuzmich [JB]]

state_v23xwe$_0 is likely a backing field. You will also have state JS property on the object prototype.

[JoakimForslund]

@r4zzz4k Seems like nothing happens

[JoakimForslund]

@Svyatoslav Kuzmich [JB] Not sure what that translates to on the code? I mean the properties in the data class constructor works. But if they are defined inside the data class it does not?

[JoakimForslund]

Im guessing the setter does screw things up for me

[Svyatoslav Kuzmich [JB]]

Properties should work. val state will be translated to something like:

Object.defineProperty(StateAware.prototype, 'state', {
    get: function () {
      return this.state_v23xwe$_0;
    },
    set: function (value) {
      // ...
      this.state_v23xwe$_0 = value;
      // ...
    }
  })

And on the use-site you can do:

var sa = new StateAware();
sa.state = 10;

What’s not working?

[JoakimForslund]

Ah now I see, thanks for clearing that up for me 🙂