JavaScriptの関数から関数を返す

Question

JavaScriptの他の関数から関数を返す方法を学んでいます。ここで働く私のコードは次のとおりです。

var passengers = [ 
 
    { name: "Jane", ticket: "coach" }, 
 
    { name: "Evel", ticket: "firstclass" }, 
 
    { name: "John", ticket: "coach" }, 
 
    { name: "Bob", ticket: "premium"} 
 
]; 
 

 
function createDrinkOrder(passenger) { 
 
    var orderFunction; 
 
    if (passenger.ticket === 'firstclass') { 
 
     orderFunction = function() { 
 
      console.log(passenger.name + ', would you like wine or cocktail?'); 
 
     }; 
 
    } else if (passenger.ticket === 'premium') { 
 
     orderFunction = function() { 
 
      console.log(passenger.name + ', would you like some wine?'); 
 
     }; 
 
    } else { 
 
     orderFunction = function() { 
 
      console.log(passenger.name + ', soda or water?'); 
 
     }; 
 
    } 
 
    return orderFunction; 
 
} 
 

 
function serveOnePassenger(passenger) { 
 
    var getDrinkOrderFunction = createDrinkOrder(passenger); 
 
    getDrinkOrderFunction(); 
 
    // createDrinkOrder(passenger); 
 
} 
 

 
// General function to serve passengers: 
 
function servePassengers(passengers) { 
 
    for (var i = 0; i < passengers.length; i++) { 
 
     serveOnePassenger(passengers[i]); 
 
    } 
 
} 
 

 
servePassengers(passengers);

私の質問は、「serverOnePassenger」関数についてです。私は、この関数の最初の2行をコメントアウトし、代わりに第三行のコメントを解除したときに、何もで起こりませんもうコンソール。なぜ私は変数を宣言して関数を代入しなければならないのですか？ありがとう！絶対に

Answer 1

あなた自身の質問のタイトルは、基本的な答えです：あなたが何か戻り別の関数としてcreateDrinkOrder()機能を書いています。関数を作成しても呼び出さない場合、関数は何もしません。

serveOnePassenger()のように変数を使用する必要はありません。あなたは、関数を作成し、1文でそれを呼び出すことができます。その後すぐにcreateDrinkOrder()を呼び出し、

createDrinkOrder(passenger)(); 

は、関数として戻り値を使用しています。

Answer 2

- あなただけの機能を取り戻すために - あなたが実際にそれを呼び出すことはありません...代わりにこれを試してみてください：

createDrinkOrder(passenger)(); 

・ホープ、このことができます！

Answer 3

あなたは両方createDrinkOrder、それが作成した関数は、これは

(createDrinkOrder(passenger))(); 

のステップで、この工程を経匿名関数を返すcreateDrinkOrderを

• createDrinkOrder(passenger)呼び出しを行ってみましょうしようと呼び出す必要があります
• (...)()無名関数を呼び出す

Answer 4

あなたはしません。あなたの問題は、呼び出す関数が別の関数を返すが、実際にテキストを記録する関数は呼び出されないということです。返された関数をcreateDrinkOrder(passenger)()のように呼び出すと、両方の関数が呼び出されます。

var passengers = [ 
 
    { name: "Jane", ticket: "coach" }, 
 
    { name: "Evel", ticket: "firstclass" }, 
 
    { name: "John", ticket: "coach" }, 
 
    { name: "Bob", ticket: "premium"} 
 
]; 
 

 
function createDrinkOrder(passenger) { 
 
    var orderFunction; 
 
    if (passenger.ticket === 'firstclass') { 
 
     orderFunction = function() { 
 
      console.log(passenger.name + ', would you like wine or cocktail?'); 
 
     }; 
 
    } else if (passenger.ticket === 'premium') { 
 
     orderFunction = function() { 
 
      console.log(passenger.name + ', would you like some wine?'); 
 
     }; 
 
    } else { 
 
     orderFunction = function() { 
 
      console.log(passenger.name + ', soda or water?'); 
 
     }; 
 
    } 
 
    return orderFunction; 
 
} 
 

 
function serveOnePassenger(passenger) { 
 
    // var getDrinkOrderFunction = createDrinkOrder(passenger); // Because this returns an anonymous function 
 
    // getDrinkOrderFunction(); // It must be executed to have the expected result 
 
    createDrinkOrder(passenger)(); // This line both returns the function, and executes it. 
 
} 
 

 
// General function to serve passengers: 
 
function servePassengers(passengers) { 
 
    for (var i = 0; i < passengers.length; i++) { 
 
     serveOnePassenger(passengers[i]); 
 
    } 
 
} 
 

 
servePassengers(passengers);

Answer 5

createDrinkOrderは、関数オブジェクトを返しています。コードの3行目は、関数を返すcreateDrinkOrderを呼び出しますが、返される関数は決して呼び出しません。 createDrinkOrderによって返された値を必ずしも変数に代入する必要はありませんが、返される関数が呼び出されるようにする必要があります。変数を使用せずにこのようにすることができます：createDrinkOrder(passenger)();