ホームページ > ウェブフロントエンド > jsチュートリアル > 構文が異なる匿名関数は、修飾子と組み合わせると JavaScript で異なる動作をしますか?

構文が異なる匿名関数は、修飾子と組み合わせると JavaScript で異なる動作をしますか?

Susan Sarandon
リリース: 2024-10-30 15:17:02
オリジナル
918 人が閲覧しました

Do Anonymous Functions with Different Syntax Behave Differently in JavaScript When Combined with Modifiers?

JavaScript では、構文が異なる匿名関数は機能的に同等ですか?

JavaScript では、(function() { })() と ( function() { }()) は、「foo」と「bar」を連続して表示することで、同じタスクを実行しているように見えることがあります。ただし、特定の条件下では、これら 2 つの構文には微妙な違いがあります。

コード ブロック 1:

(function() {
    bar = 'bar';
    alert('foo');
})();

alert(bar);
ログイン後にコピー

コード ブロック 2:

(function() {
    bar = 'bar';
    alert('foo');
}());

alert(bar);
ログイン後にコピー

機能的に同等

変更がなければ、両方のコード ブロックは機能的に同等です。無名関数を作成し、すぐに実行し、関数内で定義された bar 変数にアクセスします。

変更との違い

ただし、次のような修飾子を導入すると、関数を呼び出す前に new として指定するか、関数の後に何かを追加すると、動作が変わります。

new と .prop を使用したコード ブロック 1:

new (function() {
    this.prop = 4;
}) ().prop;
ログイン後にコピー

このコードは、匿名関数の新しいインスタンスを作成し、その prop プロパティにアクセスします。 4.

コード ブロック 2 with new および .Class:

new ( function() {
    return { Class: function() { } }; 
}() ).Class;
ログイン後にコピー

対照的に、このコードは Class プロパティで new を呼び出します。外側の括弧内に括弧が追加されているため、関数呼び出しは新しい式の一部ではありません。代わりに、通常どおり関数を呼び出し、その戻り値であるクラス インスタンスを返します。

要約すると、(function() { })() と (function() { }()) はどちらも機能的には通常の条件下では同等ですが、実行方法に影響を与える修飾子と組み合わせると動作が異なります。

以上が構文が異なる匿名関数は、修飾子と組み合わせると JavaScript で異なる動作をしますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート