JavaScriptのargumentsプロパティを最適に使用していますか？

Question

関数のargumentsプロパティを使用する正しい方法は何ですか？ これは私が現在それを使用している方法ですが、私は、私はそれを正しく使用していないかなり確信している：

まず、私は私のパラメータを定義します。

parameters = {}; 
parameters.ID = $tr.data('ID'); 
parameters.Name = 'Name goes here'; 
parameters.td = $td; 
UpdateName(parameters); 

と機能で：

var UpdateName = function(){ 
    var local = {}; 
    local.ID = arguments[0].ID; 
    local.Name = arguments[0].Name; 
    local.td = arguments[0].td; 

    local.jqXHR = $.ajax('Remote/Ajax.cfc', { 
     data: { 
      method:'UpdateName' 
      ,returnformat:'json' 
      ,ID:local.ID 
      ,Name:local.Name 
     } 
    }); 
    local.jqXHR.success(function(result){ 
     if (result.MSG == '') { 
      local.td.text(local.Name).addClass('success'); 
     } else { 
      local.td.addClass('err'); 
     }; 
    }); 
    local.jqXHR.error(function(result){ 
     local.td.addClass('err'); 
    }); 
} 

Answer 1

JavaScript functionsは、名前付き引数を使用できます。あなたはjqXHRへの参照を保持する必要がないように、私はあなたがそれを使って何をやっていないので、もうコードを変更し

var UpdateName = function(local) { 
    $.ajax('Remote/Ajax.cfc', { 
     data: { 
      method:'UpdateName', 
      returnformat:'json', 
      ID:local.ID, 
      Name:local.Name, 
      success: function(result) { 
       if (result.MSG == '') { 
        local.td.text(local.Name).addClass('success'); 
       } else { 
        local.td.addClass('err'); 
       } 
      }, 
      error: function(result) { 
       local.td.addClass('err'); 
      } 
     } 
    }); 
} 

次のようにあなたのケースでは

が、これはあなたのコードを簡素化することができとにかく先頭のカンマも各行の最後に移動しましたが、これは単なる設定です。

Answer 2

あなたは技術的に正しく使用していますが、あなたのコードには実用的な点はありません。 arguments変数には、関数に渡される引数の配列のようなオブジェクトが含まれています。例えば。あなたの例では

function test() { 
    alert(arguments[0]); 
    alert(arguments[1]); 
} 
test("Hello", 123); // alerts Hello and 123 

、代わりにオブジェクトの、あなたは、引数としてプロパティを渡すことができ、argumentsからそれらを取得します。

Answer 3

argumentsオブジェクトは、任意の/未知数の引数を受け入れる関数に最も便利です。

function list(type) { 
    var result = "<" + type + "l>"; 

    // iterate through non-type arguments 
    for (var i = 1; i < arguments.length; i++) 
    result += "<li>" + arguments[i] + "</li>"; 

    result += "</" + type + "l>"; // end list 

    return result; 
} 

...このように使用することができます：MDCは、任意の長さのHTMLリストを作成するためのthis exampleを与える

var listHTML = list("u", "One", "Two", "Three"); 
// listHTML is "<ul><li>One</li><li>Two</li><li>Three</li></ul>" 

ためargumentsの、我々はlistに任意の数のアイテムを渡すことができますし、それだけで動作します。 （この場合でも、既知のパラメータであるtypeという名前が付けられ、2番目の要素でargumentsの反復が始まることに注意してください。）パラメータのリストは明確に定義されています。あなたの関数宣言。 argumentsをそのまま使用することは不要で、読みにくいです。