1. ホーム
  2. javascript

[解決済み] JavaScriptの匿名関数とインライン関数の違いは何ですか?[クローズド]

2022-02-18 14:36:56

質問

タイトルは私の質問を要約したものです。ポイントを実証する例があればいいと思います。

どのように解決するのですか?

まず最初に、JavaScriptにおけるインライン関数の定義について、コンセンサスが得られていないようです。 私は インライン 関数は、JavaScriptの関数の特殊なケースです。 例えば インライン 関数とは、変数に代入される関数で、パーセット時ではなく、実行時に作成されます。

匿名関数とインライン関数は、実行時に作成されるという点では実質的に同じです。 違いは、インライン関数が変数に代入されるため、再利用が可能な点です。 この点では、インライン関数は通常の関数と同じように動作します。

es6以前は、匿名関数とインライン関数は、通常の関数と同様にfunctionキーワードで宣言されていました。 es6の登場により、無名関数とインライン関数はよりコンパクトなキーワードで宣言できるようになった。 矢印関数 の構文があります。

機能紹介

function func() {
    alert ('function');
} 
$('a').click(func);

インライン関数

var func = function() { 
    alert ('inline') 
};
$('a').click(func);

// Alternative es6+ inline arrow function.
let func2 = () => alert('inline');
$('a').click(func2);

匿名機能

$('a').click(function() {
    alert('anonymous');
});
// Alternative es6+ anonymous arrow function.
$('a').click(() => alert('anonymous'));