今天有人告诉我,可以不带括号地调用一个函数。我能想到的唯一方法是使用类似apply或的函数call。
apply
call
f.apply(this); f.call(this);
但是,这些都需要apply加上括号,然后call放在第一个平方上。我还考虑了将函数传递给某种事件处理程序的想法,例如setTimeout:
setTimeout
setTimeout(f, 500);
但是,问题就变成了“如何在setTimeout没有括号的情况下调用?”
那么这个谜题的解决方案是什么?如何在不使用括号的情况下调用Javascript函数?
有多种不带括号的函数调用方法。
假设您已定义此函数:
function greet() { console.log('hello'); }
然后,请按照以下方法在greet不带括号的情况下进行调用:
greet
使用new可以调用不带括号的函数:
new
new greet; // parentheses are optional in this construct.
从MDN的newoprator:
句法
new constructor[([arguments])]
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 }
您可以采用先前的想法来覆盖原型valueOf上的方法:Function
Function
Function.prototype.valueOf = function() { this.call(this); // Optional improvement: avoid `NaN` issues when used in expressions. return 0; };
完成此操作后,您可以编写:
+greet;
您可以定义一个生成器函数(带有*),该函数返回一个迭代器。您可以使用传播语法或语法来调用它for...of。
*
for...of
首先,我们需要原始greet函数的生成器变体:
function* greet_gen() { console.log('hello'); }
然后,通过定义@@ iterator方法,将其命名为无括号:
[...{ [Symbol.iterator]: greet_gen }];
通常,生成器会在yield某个地方有一个关键字,但是不需要调用该函数。
yield
最后一条语句调用该函数,但是也可以通过解构来完成:
[,] = { [Symbol.iterator]: greet_gen };
或for ... of结构,但具有自己的括号:
for ... of
for ({} of { [Symbol.iterator]: greet_gen });
请注意,您 也可以 使用原始greet功能执行上述操作,但是在执行(在FF和Chrome上测试) 后 ,它会在进程中触发异常greet。您可以使用try...catch块来管理异常。
try...catch
@ jehna1对此有完整的答案,请给他功劳。这是在全局范围内调用无括号的函数的一种方法,从而避免了不建议使用的__defineGetter__方法。它Object.defineProperty改为使用。
__defineGetter__
Object.defineProperty
我们需要为此创建原始greet函数的变体:
Object.defineProperty(window, 'greet_get', { get: greet });
然后:
greet_get;
替换window为您的全局对象。
window
您可以调用原始greet函数而无需在全局对象上留下这样的痕迹:
Object.defineProperty({}, 'greet', { get: greet }).greet;
但是有人可能会说我们在这里确实有括号(尽管它们没有参与实际的调用)。
从ES6开始,您可以使用以下语法调用将其传递为模板文字的函数:
greet``;
请参阅“带标签的模板文字”。
从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
定义后,instanceof运算符@@hasInstance在第二个操作数上执行该方法:
instanceof
@@hasInstance
1 instanceof { [Symbol.hasInstance]: greet } // triggers greet