在 Blazor Webassembly 中从 .NET 读取 Javascript 变量

Question

我是 Blazor Webassembly 的新手，了解如何从 .NET 代码调用 javascript 函数。我的问题是：是否也可以从 .NET 读取和写入 javascript 变量。举个例子：

Javascript 代码加载到页面中：

var Namespace1 = {
    prop1: 42, 
    func1: function () {
        return 42;
    }
}

从 .NET 我可以调用函数 Namespace1.func1：

@code { 
    //private int prop1 { get; set; } = 1;
    private int ret1 { get; set; }

    override protected async Task OnInitializedAsync() {
        // Error: The value 'window.Namespace1.prop1' is not a function.
        // ret1 = await JSRuntime.InvokeAsync<int>("Namespace1.prop1"); 
        ret1 = await JSRuntime.InvokeAsync<int>("Namespace1.func1");
        // return base.OnInitializedAsync();
    }
}

是否也可以从 .NET 访问 Namespace1.prop1

Answer 1

目前这是不可能的，因为IJsRuntime 只公开了调用 javascript 函数的方法。 Details here on Microsoft docs

但是你可以写一个js函数并返回一个属性：

var Namespace1 = {
    prop1: 42, 
    func1: function () {
        return prop1;
    }
}