How do you call member functions on existing JavaScript objects?

[cataggar]

Using https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/import-export-interop?view=aspnetcore-7.0, I am not sure how to call member functions on existing JSObject instances. For example, here is TypeScript code that I would like to do in C#:

  for (var [name,node] of context.program.sourceFiles){
    console.log(name);
  }

I would like to do the above in C#. Here is a failed attempt

        var program = context.GetPropertyAsJSObject("program");
        var sourceFiles = program.GetPropertyAsJSObject("sourceFiles");
        
        // How do I call 'entries'?
        // This does not work.
        var entries = MapPrototype.entries(sourceFiles);

Where I was trying to define entries with:

public partial class MapPrototype {
    [JSImport("entries")]
    public static partial JSObject entries(JSObject self);
}

cc @pavelsavara

[pavelsavara]

OOP in not supported in Net7. You need to create another method in JS, wrap it as JSImport and pass object as argument

[cataggar]

What about Net8? I have a local build of this repo that I'm using.

[pavelsavara]

Not yet, maybe Net9 but that's open discussion. OOP over interop boundary is not good idea in my opinion. It leads to chatty interactions with lots of overhead, GC pressure and other problems. I advise to create higher level functionality methods and interop with that instead.

[cataggar]

Makes sense. I'll do that.

Given those drawbacks, it can still be useful. Here is how it is done in Rust with wasm_bindgen:
https://rustwasm.github.io/wasm-bindgen/reference/attributes/on-js-imports/method.html