將數組值傳遞給函數

Question

在下面的腳本中，console.log返回正確的值，並且兩個警報都將觸發。 但是，該值未定義。

有什么想法我做錯了嗎？

jQuery(document).ready(function(){

    jQuery("#customfield_21070").attr('style','width:60px');
    jQuery("#customfield_21070").attr('disabled','disabled');

    var customfields = [
    '#customfield_11070',
    '#customfield_11071',
    '#customfield_20071',
    '#customfield_20072',   
    '#customfield_20073',
    '#customfield_20074',
    ];

    for(var i=0, len=customfields.length; i<len; i++) {
        console.log(customfields[i]);
        jQuery(customfields[i]).keyup(function(){
            alert('calculate');//FIRES
            calculateSum();
        });
    }


    function calculateSum() {

        var sum = 0;

        alert('value: ' + this.value);//UNDEFINED

        if(!isNaN(this.value) && this.value.length!=0 && this.id !== "customfield_21070") {
            sum += parseFloat(this.value);
        }

        jQuery("#customfield_21070").val(sum.toFixed(2));
    }

});

Answer 1

使用Function.prototype.call() ：

與調用給定函數this單獨設置值和參數。

它的第一個參數是thisArg ：

值this規定的呼叫樂趣。 請注意， this可能不是該方法看到的實際值：如果該方法是非嚴格模式代碼中的函數，則null和undefined將被全局對象替換，原始值將被裝箱。

因此，將this從您的處理程序函數傳遞給calculateSum如下所示：

jQuery(customfields[i]).keyup(function(){
    calculateSum.call(this);
});

Answer 2

@canon是絕對正確的，他說可以解決您的問題。

您可以寫：-

jQuery(document).ready(function () {

            jQuery("#customfield_21070").attr('style', 'width:60px');
            jQuery("#customfield_21070").attr('disabled', 'disabled');

            var customfields = [
            '#customfield_11070',
            '#customfield_11071',
            '#customfield_20071',
            '#customfield_20072',
            '#customfield_20073',
            '#customfield_20074',
            ];

            for (var i = 0, len = customfields.length; i < len; i++) {
                jQuery(customfields[i]).keyup(function () {
                    calculateSum(this);//Edited
                });
            }


            function calculateSum(param) {//Edited

                var sum = 0;

                alert('value: ' + param.value);//UNDEFINED

                if (!isNaN(param.value) && param.value.length != 0 && param.id !== "customfield_21070") {//Edited
                    sum += parseFloat(param.value);
                }

                jQuery("#customfield_21070").val(sum.toFixed(2));
            }

        });

這反映出alert適當值。 **Tested**