要实现Blazor JSInterop扩展，从JavaScript调用C#函数，可以按照以下步骤进行操作：

1. 创建一个Blazor项目，假设项目名称为"BlazorApp"。
2. 在BlazorApp项目的wwwroot文件夹中创建一个新的JavaScript文件，命名为"interop.js"。在该文件中编写JavaScript代码，用于调用C#函数。例如，以下代码调用了名为"showMessage"的C#函数：

window.blazorApp = {
   showMessage: function(message) {
      DotNet.invokeMethodAsync('BlazorApp', 'ShowMessage', message);
   }
};

3. 在BlazorApp项目的Pages文件夹中创建一个新的Razor组件，命名为"Index.razor"。在该组件中添加一个按钮，并使用JSInterop扩展从JavaScript调用C#函数。示例代码如下：

@page "/"
@using Microsoft.JSInterop

Blazor JSInterop Example

Call JavaScript

@code {
   private async Task CallJavaScript()
   {
      await JSRuntime.InvokeVoidAsync("blazorApp.showMessage", "Hello from Blazor!");
   }
}

4. 在BlazorApp项目的Startup.cs文件中的ConfigureServices方法中添加以下代码，启用JSInterop：

public void ConfigureServices(IServiceCollection services)
{
    services.AddRazorPages();
    services.AddServerSideBlazor();
    services.AddJsRuntimeInterop();
}

5. 在BlazorApp项目的Index.cshtml文件中引用interop.js文件，以便JavaScript代码可以在Blazor页面中使用。在文件的头部添加以下代码：

6. 运行项目，当点击"Call JavaScript"按钮时，JavaScript代码将调用C#函数，并将消息传递给C#函数进行处理。

这样，你就可以实现Blazor JSInterop扩展，从JavaScript调用C#函数了。