从 ASP.NET Core Blazor 中的 .NET 方法调用 JavaScript 函数

Question

我想从我的 ASP.NET Core Blazor 应用程序调用的 JavaScript 函数：

export function onClick(map) {
    var latLng = null;
    function onMapClick(e) {
        latLng = map.unproject(e.point).toString();
        alert("You clicked the map at " + latLng); // Here is "You clicked the map at + actual value of latLng"
    }
    map.on('click', onMapClick);
    alert("You clicked the map at 123 " + latLng); // And then "You clicked the map at + null" instead of latLng variable
    return String(yourGlobalVariable);
}

我正在调用该函数的 C# 代码：

        string res = await mapModule.InvokeAsync<string>("onClick", mapInstance);

其中 mapInstance 和 mapModule 是 IJSObjectReference

问题是：为什么在第一个警报中我得到一个实际值，我已经分配给函数 onMapClick 中的 latLng 变量，然后我在函数外部得到 null，尽管该变量是全局的？

我在这里尝试过类似的代码：http://jsfiddle.net/mufjkv6r/1/，它可以工作

Answer 1

问题是：为什么在第一个警报中我得到一个实际值 我已经分配给函数 onMapClick 中的 latLng 变量和 那么尽管变量是全局的，但我在函数之外得到了 null？

我要说的第一件事是Jsfiddle包含正常的执行流程，即一行接一行地执行。

 var latLng = null;
    function onMapClick(e) {
        latLng = map.unproject(e.point).toString();
        alert("You clicked the map at " + latLng); // Here is "You clicked the map at + actual value of latLng"
    }
    map.on('click', onMapClick);
    alert("You clicked the map at 123 " + latLng); // And then "You clicked the map at + null" instead of latLng variable
    return String(yourGlobalVariable);

但是上面的代码不会调用onMapClick函数，除非你点击了地图。所以latLng 在那个时间点将是null。