typescript :接口(interface)函数声明中 => 和 : 的区别

Question

在接口(interface)中定义函数有什么区别:

interface IMyInterface1 {
    functionName(value: string): void;
}

和

interface IMyInterface2 {
    functionName: (value: string) => void;
}

Answer 1

这里没有真正的区别，你可以使用你觉得更舒服的那个。
话虽如此，我认为第一个暗示类方法，而第二个是一个函数成员:

class MyClass1 implements IMyInterface1 {
    functionName(value: string): void {}
}

class MyClass2 implements IMyInterface2 {
    functionName = function(value: string): void {}
}

这只是个人喜好，编译器也会让你做相反的事情:

class MyClass1 implements IMyInterface1 {
    functionName = function(value: string): void {}
}

class MyClass2 implements IMyInterface2 {
    functionName(value: string): void {}
}

以类似的方式，这两个表示法是相同的:

let obj1 = {
    functionName() {}
}

let obj2 = {
    functionName: function() {}
}

因为它们都被编译为:

var obj1 = {
    functionName: function () { }
};
var obj2 = {
    functionName: function () { }
};