@onclick=“(() => SomeMethod(参数))”

Question

我正在研究 Blazor 并且偶然发现了这个表达式：

 @onclick="(() => SomeMethod(parameter))"

我无法在任何地方找到/谷歌这个（我猜是 lambda）表达式实际上在做什么。 谁能解释一下这部分： () =>以及为什么使用它以及在哪里使用它？

编辑：

上面和这个有什么区别：

 @onclick="SomeMethod(parameter)"

Answer 1

() =>()基本上是 lambda function。

想象一下你有一个 function

delegate (int foo) { return foo*2};

这可以重写为

(int foo)=>{return foo*2};

可以缩短为

 foo=>foo*2;

在这里，您的onlclick方法执行SomeMethod ，它接受一个parameter

为什么要使用？ 用于创建简单易用的事件处理程序、回调委托等。

参考

https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/statements-expressions-operators/lambda-expressions

Answer 2

方案一，lambda function（匿名函数）：

    @onclick="( ( ) => SomeMethod(parameter) ) "
       ^         ^     ^
       |         |     |
       (1)       (2)   (3)

当用户点击控件 (1) 时，将执行 function (2)。 (3) 是 function (2) 的主体。 这是一个匿名的 function，它没有名字，因为它只有括号： __no_name_function__ ( ) 。

选项二，表达式：

    @onclick="SomeMethod(parameter)"
       ^             ^
       |             |
       (1)           (2)

当用户点击控件 (1) 时，将调用表达式 (2) 的结果。 这个 function 应该返回一个委托。

样本

在blazorfiddle上玩这个示例以更好地理解它。

<h1>@parameter</h1>

<button @onclick="@(() => SomeMethod1(parameter))" >button 1</button>

<button @onclick="SomeMethod2(parameter)" >button 2</button>

<p>@theResult</p>

@code
{
    int parameter = 5;
    string theResult = "";

    void SomeMethod1(int p)
    {
        parameter++;
        theResult = $"SomeMethod1 called p={p}";
    }

    Action SomeMethod2(int p)
    {        
        return SomeAction;
    }

    void SomeAction()
    {
        theResult = $"Action called parameter={parameter}";
        parameter++;
    }
}

请注意，这几乎相同：

<button @onclick="SomeMethod2(parameter)" >button 2</button>

比这个：

<button @onclick="SomeAction" >button 2</button>

Answer 3

使用此模式：

<input type="button" value="Click me" @onclick="@(() => SomeMethod("my string"))" />

当你想调用一个方法并传递一个参数时。 在幕后，编译器创建了一个 EventCallback 结构，该结构提供了适当的委托类型，该类型封装了具有单个参数并返回 void 的方法

当您要调用没有参数的方法时，请使用此模式：

<input type="button" value="Click me" @onclick="@(SomeMethod1)" />

(not recommended, embedded in a Razor expression)

或者干脆使用最常见的用法：

<input type="button" value="Click me" @onclick="@SomeMethod1" />

这也是可能的：

<input type="button" value="Click me" @onclick="SomeMethod1" />

（ @符号在这里不再是必需的，但您可能会看到大多数开发人员使用它；出于习惯，因为这在过去是必需的）

希望这可以帮助...