jQueryイベントの入力値がundefineを返す

Question

私は2つの別々のjsファイルを持っています。そのうちの1つはservicesと呼ばれ、入力フィールドを定義してjQueryを実行します。もう1つのファイルはservicesを呼び出し、返された値で動作します。

関数内の値（services）を使用すると、正しい値が返されます。それはのように思えるので、それ以外の場合は、私のsecoundファイルで、それは私が関数を呼び出す場合.changeイベントは

Services.js

var service = { 

    main: function() { 
     console.log(service.input); 
    }, 

    init: function(input) { 
     service.input = input; 
    }, 

    getInputValue: function() { 
     $('#' + service.input).change(function() { 
      return $('#' + service.input).val(); 
     }); 
    } 
}; 

OtherJsFile.js

をトリガされるまで、それは待っていない、undefinedを返すん

$(function(){ 
    var inputField; 

    service.init('inputId'); 
    inputField = service.getInputValue(); 

    //Should print the value of inputId 
    //Instead it prints undefined 
    console.log(inputField); 
}); 

ご協力いただきありがとうございます。

Answer 1

1つの問題は、変更ハンドラ内で返すものは、外側のgetInputValueではなく、イベントハンドラ関数にのみ戻ることです。だから、何も返されていないからgetInputValue() ...そして、それはあなたが未定義と見る理由です。

次の問題は、その値を取得しようとしているときにイベントがまだ発生していないことです。

は、私はあなたがここにあなたがgetInputValue（） ``から何かを返されていません