自定义的构造函数可以创建函数吗◔ ‸◔?

Question

我们都知道JavaScript中构造函数是用来创建对象实例的。我想知道自定义的构造函数是否可以创建函数实例？或者其他数据类型的实例？

Answer 1

首先来说，你是希望构造一个函数对象，而它同时又具有你自定义的类方法……这在 ES6 里其实是很容易通过继承实现的class Foo extends Function { ... }不过在 ES5 里也有不是很完美的实现方法，比如改变 f 的 __proto__ 为 Foo.prototype。不过这样改过之后你会发现 f不再具有函数对象的一些方法，比如 call()、apply()、bind() 等。同时 __proto__ 不在标准中，所以不能保证每一个 JS 引擎都实现了。回过头来说 ES6 的办法——因为 ES6 可以通过很多工具，比如 babel 翻译成 ES5 的，所以 ES6 实现了，ES5 也就能实现 (现在我对这句话表示怀疑——具体请看后面) 。ES6 中，Foo 从 Function 继承，所以可以通过 Foo 构造一个函数对象，同时它可以用 Foo 中定义的方法。但问题在于构造这个对象的时候不能使用 function 定义语法，也不能使用函数表达式等，必须直接使用 Function 构造函数。构造函数需要函数体文本为作参数，比如const f = new Function("console.log(\"Foo\");");当然函数体很短的时候不是问题，比较长的时候才是麻烦的事情。当然可以用 es6 引入的 模板字符串 来解决，它允许多行字符。这会损失编辑器对其语法的检查。所以我的办法是定义一个临时函数，再通过 toString() 和正则表达式把函数体找出来。最终完成的代码是这样的：// es6 syntaxconst body = function() {    console.log("Foo"); }.toString().replace(/^function\s*\(\)\s*\{|\}$/g, "");class Foo extends Function {    constructor() {        super(body);     }     outStr() {        console.log("abc");     } }var f = new Foo(); f(); f.outStr();不过很遗憾，使用 TypeScript 和 Babel 转出来的 es5 代码都不能运行……