如何以编程方式区分箭头函数和常规函数？

Question

arrow function 和 regular function 之间没有明显区别。

({}).toString.call(function () {})
"[object Function]"
({}).toString.call(() => {})
"[object Function]"

或

console.dir( (function () {}) )

function anonymous()
    arguments: null
    caller: null
    length: 0
    name: ""
    prototype: Object
    __proto__: ()
    <function scope>

console.dir( (() => {}) )

function anonymous()
    arguments: (...)
    caller: (...)
    length: 0
    name: ""
    __proto__: ()
    <function scope>

虽然两者的行为不同，但有一个有效的用例可以区分两者。

如何以编程方式区分箭头函数和常规函数？

Answer 1

我能想到的最好的方法是使用toString：

let isArrowFunction;

isArrowFunction = (fn) => {
    console.log(fn.toString());

    return fn.toString().indexOf('function') !== 0;
};

console.log(isArrowFunction(() => {}) === true);
console.log(isArrowFunction((foo: string) => {}) === true);
console.log(isArrowFunction(function () {}) === false);

见：

(function () {}).toString();
"function () {}"

(() => {}).toString();
"() => {}"

Answer 2

嗯，要求有点奇怪，但我做了一些测试：

typeof (() => {}).prototype === "undefined"

是true，而：

typeof (function () {}).prototype === "undefined"

是false，所以：

function isArrow(x)
{
  return typeof (x.prototype) === "undefined"
}

在这里提琴：https://jsfiddle.net/87kn67ov/