调用不带括号的函数

今天有人告诉我，可以不带括号地调用一个函数。我能想到的唯一方法就是使用类似apply或的函数call。

f.apply(this);
f.call(this);

但是，这些都需要用括号括起来，apply然后call放在第一个平方上。我还考虑了将函数传递给某种事件处理程序的想法，例如setTimeout：

setTimeout(f, 500);

但是，问题就变成了“如何在setTimeout没有括号的情况下调用？”

那么这个谜题的解决方案是什么？如何在不使用括号的情况下调用Javascript中的函数？

有几种不带括号的函数调用方法。

假设您已定义此函数：

function greet() {
    console.log('hello');
}

然后，请按照以下方法在greet不带括号的情况下进行调用：

1.作为建设者

使用new可以调用不带括号的函数：

new greet; // parentheses are optional in this construct.

从MDN的newoprator：

句法

new constructor[([arguments])]

2.作为toString或valueOf实施

toString并且valueOf是特殊的方法：在需要进行转换时会隐式调用它们：

var obj = {
    toString: function() {
         return 'hello';
    }
}

'' + obj; // concatenation forces cast to string and call to toString.

您可以（ab）使用此模式调用greet而不带括号：

'' + { toString: greet };

或搭配valueOf：

+{ valueOf: greet };

valueOf并且toString实际上是从@@ toPrimitive方法调用的（自ES6起），因此您也可以实现该方法：

+{ [Symbol.toPrimitive]: greet }
"" + { [Symbol.toPrimitive]: greet }

2.b valueOf函数原型中的覆盖

您可以采用先前的想法来覆盖原型valueOf上的方法：Function

Function.prototype.valueOf = function() {
    this.call(this);
    // Optional improvement: avoid `NaN` issues when used in expressions.
    return 0; 
};

完成此操作后，您可以编写：

+greet;

尽管行中包含括号，但实际的触发调用没有括号。在博客“没有真正调用它们的情况下用JavaScript调用方法”中了解更多信息。

3.作为发电机

您可以定义一个生成器函数（使用*），该函数返回一个迭代器。您可以使用传播语法或语法来调用它for...of。

首先，我们需要原始greet函数的生成器变体：

function* greet_gen() {
    console.log('hello');
}

然后，通过定义@@ iterator方法，将其命名为无括号：

[...{ [Symbol.iterator]: greet_gen }];

通常，生成器在yield某个地方会有一个关键字，但是不需要调用该函数。

最后一条语句调用该函数，但是也可以通过解构来完成：

[,] = { [Symbol.iterator]: greet_gen };

或for ... of结构，但具有自己的括号：

for ({} of { [Symbol.iterator]: greet_gen });

请注意，您也可以使用原始greet功能执行上述操作，但是在执行（在FF和Chrome上测试）后 ，它会在进程中触发异常greet。您可以使用try...catch块来管理异常。

4.作为吸气剂

@ jehna1对此有完整的答案，请给他功劳。这是在全局范围内调用无括号的函数的一种方法，从而避免了不建议使用的__defineGetter__方法。它Object.defineProperty改为使用。

我们需要为此创建原始greet函数的变体：

Object.defineProperty(window, 'greet_get', { get: greet });

然后：

greet_get;

替换window为您的全局对象。

您可以调用原始greet函数而无需在全局对象上留下这样的痕迹：

Object.defineProperty({}, 'greet', { get: greet }).greet;

但是有人可能会说我们在这里确实有括号（尽管它们没有参与实际的调用）。

5.作为标签功能

从ES6开始，您可以使用以下语法调用将其传递为模板文字的函数：

greet``;

请参阅“带标签的模板文字”。

6.作为代理处理程序

从ES6开始，您可以定义代理：

var proxy = new Proxy({}, { get: greet } );

然后读取任何属性值将调用greet：

proxy._; // even if property not defined, it still triggers greet

这有很多变化。再举一个例子：

var proxy = new Proxy({}, { has: greet } );

1 in proxy; // triggers greet

7.作为实例检查器

定义后，instanceof运算符将@@hasInstance在第二个操作数上执行该方法：

1 instanceof { [Symbol.hasInstance]: greet } // triggers greet

最简单的方法是与new运算符：

function f() {
  alert('hello');
}

new f;

尽管这是不合常规和不自然的，但它确实有效并且完全合法。

该new如果不使用参数，运营商不需要括号。

您可以使用getter和setter。

var h = {
  get ello () {
    alert("World");
  }
}

仅使用以下命令运行此脚本：

h.ello  // Fires up alert "world"

编辑：

我们甚至可以争论！

var h = {
  set ello (what) {
    alert("Hello " + what);
  }
}

h.ello = "world" // Fires up alert "Hello world"

编辑2：

您还可以定义可以在不带括号的情况下运行的全局函数：

window.__defineGetter__("hello", function() { alert("world"); });
hello;  // Fires up alert "world"

并带有参数：

window.__defineSetter__("hello", function(what) { alert("Hello " + what); });
hello = "world";  // Fires up alert "Hello world"

免责声明：

正如@MonkeyZeus所说：无论您的意图多么好，您都绝不能在生产中使用这段代码。

这是针对特定情况的示例：

window.onload = funcRef;

尽管该语句实际上不是在调用，但是会导致将来的调用。

但是，我认为灰色区域对于这样的谜语可能还可以：)

如果我们接受横向思考方法，则在浏览器中有几个API，我们可以滥用它们来执行任意JavaScript，包括调用函数，而没有任何实际的括号字符。

1. location和javascript:协议：

一种这样的技术是滥用javascript:协议location分配。

工作示例：

location='javascript:alert\x281\x29'

尽管从技术上讲 \x28，\x29在对代码进行评估后仍然是括号，但实际(和)字符都不会出现。括号在JavaScript字符串中转义，该字符串在赋值时进行评估。

2. onerror和eval：

同样，根据浏览器的不同，我们可以onerror通过将global 设置为eval，然后抛出将被字符串化为有效JavaScript的内容。这很棘手，因为浏览器的行为与此不一致，但这是Chrome的一个示例。

Chrome的工作示例（不是Firefox，其他未经测试）：

window.onerror=eval;Uncaught=0;throw';alert\x281\x29';

这在Chrome中有效，因为throw'test'它将'Uncaught test'作为第一个参数传递给onerror，这几乎是有效的JavaScript。如果我们改为这样做throw';test'，它将通过'Uncaught ;test'。现在我们有了有效的JavaScript！只需定义Uncaught，然后用有效载荷替换测试即可。

结论：

这样的代码确实糟糕透顶，绝不应该使用，但有时会在XSS攻击中使用，因此，故事的寓意不是依靠过滤括号来防止XSS。使用CSP防止此类代码也是一个好主意。

在ES6中，您具有所谓的标记模板文字。

例如：

function foo(val) {
    console.log(val);
}

foo`Tagged Template Literals`;