括弧なしで関数を呼び出す

今日、括弧なしで関数を呼び出すことができると言われました。私が考えることができる唯一の方法は、applyまたはのような関数を使用することでしたcall。

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

しかし、これらには括弧が必要でapplyありcall、私たちを1に置く必要があります。また、次のようなイベントハンドラーに関数を渡すことも検討しましたsetTimeout。

setTimeout(f, 500);

しかし、質問は「setTimeout括弧なしでどのように呼び出すのですか？」になります。

では、このなぞなぞの解決策は何でしょうか？括弧を使用せずにJavaScriptで関数を呼び出すにはどうすればよいですか？

括弧なしで関数を呼び出す方法はいくつかあります。

この関数が定義されているとしましょう：

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

次に、greet括弧なしで呼び出す方法をいくつか示します。

1.コンストラクタとして

ではnew、あなたは括弧なしの関数を呼び出すことができます。

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

opratorのMDNnewから：

構文

new constructor[([arguments])]

2. As 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でテスト済み）。例外はブロックで管理できます。 greettry...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

これには多くのバリエーションがあります。もう1つの例：

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パラメーターが使用されていない場合、オペレーターは括弧を必要としません。

ゲッターとセッターを使用できます。

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;

ただし、そのステートメントは実際には呼び出されていませんが、将来の呼び出しにつながります。

しかし、私は灰色の領域がこのようななぞなぞには大丈夫かもしれないと思います

横向きの考え方を受け入れる場合、ブラウザには、実際の括弧文字なしで、関数の呼び出しなど、任意のJavaScriptを実行するために悪用できるいくつかのAPIがあります。

1. locationおよびjavascript:プロトコル：

そのような手法の1つはjavascript:、location割り当て時にプロトコルを乱用することです。

実例：

location='javascript:alert\x281\x29'

けれども、技術的 \x28および\x29コードが評価されると、実際まだカッコある(と)の文字が表示されません。括弧は、割り当て時に評価されるJavaScriptのストリングでエスケープされます。

2. onerrorおよびeval：

同様に、ブラウザによってはonerror、をに設定しeval、有効なJavaScriptに文字列化するものをスローすることにより、グローバルを悪用することができます。これはブラウザがこの振る舞いに一貫性がないのでトリッキーですが、これがChromeの例です。

Chromeの動作例（Firefoxではなく、他は未テスト）：

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

は最初の引数としてthrow'test'に渡さ'Uncaught test'れるため、これはChromeで機能しonerrorます。これは、ほぼ有効なJavaScriptです。私たちが代わりにthrow';test'それをすれば合格し'Uncaught ;test'ます。これで有効なJavaScriptができました！を定義しUncaught、テストをペイロードに置き換えます。

結論として：

このようなコードは本当にひどいため、決して使用すべきではありませんが、XSS攻撃で使用されることがあるので、XSSを防ぐために括弧のフィルタリングに頼る必要はありません。このようなコードを防ぐためにCSPを使用することも良い考えです。

ES6には、タグ付きテンプレートリテラルと呼ばれるものがあります。

例えば：

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

foo`Tagged Template Literals`;