这个范围在object literal中

时间:2013-09-10 03:17:58

标签: javascript jquery

如何在这个简单示例中简单地引用thisobj)? (在这种情况下,使用obj。文字)?

http://jsfiddle.net/YFeGF/

var obj = {

  planet : "World!",    // ok, let's use this planet!
  text : {
       hi: "Hello ",
       pl: this.planet  // WRONG scope... :(
  },
  logTitle : function(){                               
     console.log( this.text.hi +''+ this.planet ); // here "this" works !
  }

};


obj.logTitle(); // WORKS! // "Hello World!"
console.log( obj.text.hi +''+ obj.text.pl ); // NO DICE // "Hello undefined"

我还尝试制作that : this,,但在内部对象中未定义that

1 个答案:

答案 0 :(得分:4)

不要使用object literal,使用函数方法,

var Obj = function(){
  var self = this; //store self reference in a variable
  self.planet = "World!",    // ok, let's use this planet!
  self.text = {
       hi: "Hello ",
       pl: self.planet 
  };
  self.logTitle = function(){                               
     console.log( self.text.hi +''+ self.planet ); 
  }
};

var obj = new Obj();
console.log( obj.text.hi +''+ obj.text.pl );
obj.logTitle();

这是工作jsfiddle:http://jsfiddle.net/cettox/RCPT5/

阅读有关面向对象Javascript的this伟大的MDN文章。