JavaScriptの復帰方法

Question

私は以前の質問Javascript understanding returnを更新したいと思っています。下のコードは以前のものと非常に似ていますが、その質問は既に回答済みですので、これを投稿することにしました。

function positionIdentifier(name, nameArray) { 
    var namePosition; 
    for (i = 0; i < nameArray.length; i++) { 
    if (nameArray[i] == name) { 
     namePosition = function() { 
     alert("Your name is in position number " + (i + 1)); 
     } 

    } 

    } 
return namePosition; 

} 

name1Array = ["look", "sky", "walk", "kier"]; 
positionIdentifier("walk", name1Array)(); 

は、なぜそれが間違った位置（i + 1）警告ん、私の以前の質問のコードはすでに正常に動作しますが、私は私の好奇心のいくつかは、私は、コードを実験し、リターンnamePositionを動かし満足したいですか？代わりに、配列の長さである最終位置を警告します。

Answer 1

私の友人は、javascriptでクロージャと呼ばれるものです。

function() { 
    alert("Your name is in position number " + (i + 1)); 
} 

positionIdentifier関数が呼び出され、iはは forループから最後の値を有します。あなたはここでは、この

function positionIdentifier(name, nameArray) { 
    var namePosition; 
    for (i = 0; i < nameArray.length; i++) { 
    if (nameArray[i] == name) { 

     /* now this will keep the correct value of i */ 
     namePosition = (function(i) { 
      return function(){ 
       alert("Your name is in position number " + (i + 1)); 
      } 
     })(i) 
     /* now this will keep the correct value of i */ 

    } 
    } 
    return namePosition; 
} 

を行う必要があり、この問題を解決するには

あなたがここにbreak文を使うのを忘れて作業フィドルhttps://jsfiddle.net/uxyot51b/

Answer 2

は正しいコードです：

<script> 
     function positionIdentifier(name, nameArray) { 
      var namePosition; 
      for (i = 0; i < nameArray.length; i++) { 
       if (nameArray[i] == name) { 
        namePosition = function() { 
         alert("Your name is in position number " + (i + 1)); 
        }; 
        break; 
       } 

      } 
      return namePosition; 

     } 

     name1Array = ["look", "sky", "walk", "kier"]; 
     positionIdentifier("walk", name1Array)(); 
    </script>