私は、関数で変数を宣言していると私は

Question

のonclickイベントでその変数を呼び出すしたいと思い、私は出力を得る

var config = function() { 
    this.page.url = "http://localhost/test/echowrite_code.html"; 
    this.page.identifier = "this is the first post"; 
}; 

//i would like to get the config variable values in on click function 
$('#sendComment').on('click', function(){ 
console.log("url:"+config.page.url); 
    console.log("identifier :"+config.page.identifier); 
}); 

以下のような機能を持つ変数を宣言している：

url:undefined 
identifier:undefined 

が、予想される出力は次のようになります。

url:http://localhost/test/echowrite_code.html 
identifier: this is the first post 

しかし、私は

を期待していどのような値を取得しておりません

Answer 1

あなたが関数からオブジェクトを返すと、uはそれをしたい場合は、それを使用することができ、オブジェクト

var config = { 
 
    page : { 
 
     url : "http://localhost/test/echowrite_code.html", 
 
     identifier : "this is the first post" 
 
    } 
 
}; 
 

 
//i would like to get the config values in on click function 
 
$('#sendComment').on('click', function(){ 
 
console.log(config.page.url); 
 
    console.log(config.page.identifier); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="sendComment">Click</button>

Answer 2

を作成する必要があります。コード

$('#sendComment').on('click', function(){ 
console.log(config().url); 
    console.log(config().identifier); 
});