я объявленная переменная с функцией и я хотел бы назвать эту переменную в OnClick случае

Question

я объявили переменную с помощью функции, как показано ниже

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

вам нужно создать объект

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

вы можете вернуть объект из функции и использовать его, если и хотят.

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

затем в коде

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