0

点击一个对象后，我用来处理一些数据的对象失去了它的所有值，我知道这是因为闭包，但我不知道如何修复它，这是我第一次在 Js 中使用 OOP。

我的代码是这个：

function control_hermes(){
    this.url_base="http://domain.com";
    this.action="";
    this.set_id_to_update; 
    //private
    function set_action(parameter_to_control){
        this.action=parameter_to_control;
     }
     //private
    function get_full_url(){
          console.log(this.action); //undefined?????, should be the id of the button
          console.log(this.url_base);  //undefined?????, is on the top!!!
          return this.url_base+"?"+this.action;             
     }              
     //public
      this.execute_instruction=function(id_button){ 
          set_action(id_button);
          var url=get_full_url();   
     }
}//end class    


//use class
var manager_hermes=new control_hermes(); 
jQuery('input').click(function(){
     manager_hermes.execute_instruction(jQuery(this).attr("id"));
});
4

2 回答 2

2

当一个函数作为点击事件的回调被调用时，this将引用该事件绑定到的元素。为了解决这个问题，将对this外部的引用存储在不同的变量中。这通常使用名为 的变量来完成self。

var self = this;
this.url_base="http://domain.com";
this.action="";
this.set_id_to_update; 
//private
function set_action(parameter_to_control){
    this.action=parameter_to_control;
 }
 //private
function get_full_url(){
      console.log(self.action); //undefined?????, should be the id of the button
      console.log(self.url_base);  //undefined?????, is on the top!!!
      return self.url_base+"?"+self.action;             
 }
于 2013-03-19T18:24:03.707 回答
1

http://jsfiddle.net/sujesharukil/25bcG/1/

创造了一个小提琴。添加

var self = this;

在您的班级中名列前茅。然后引用了那个。

 function set_action(parameter_to_control){
    self.action=parameter_to_control;
 }

//private
function get_full_url(){
      console.log(self.action); //undefined?????, should be the id of the button
      console.log(self.url_base);  //undefined?????, is on the top!!!
      return this.url_base+"?"+this.action;             
 }

希望有帮助。

苏杰

于 2013-03-19T19:47:22.213 回答