解决javascript 设置访问器属性时的堆栈溢出问题

照着书上的Demo写访问器属性函数时,突然发现一个问题,看下面的Demo


var book={
  year:2004,
  edition:1
};
Object.defineProperty(book,"year",{
  get:function(){
    return this.year;
  },
  set:function(newValue){
    if(newValue>2004){
      this.year=newValue;
      this.edition+=newValue-2004;
    }
  }
});
book.year=2005;
alert(book.edition);

 
在Apache中一运行,结果浏览器报出  堆栈溢出的错误;为什么会出现这种情况呢?
主要是因为进入了一种死循环状态,以year属性为例:
year属性的set访问器代码中有一句为   this.year=newValue;   而this.year又会再次调用set访问器,而set访问器又会执行this.year=newValue,直到内存溢出;

所以Demo应改为:

var book={
  year:2004,
  edition:1
};
Object.defineProperty(book,"year",{
  get:function(){
    return year;
  },
  set:function(newValue){
    if(newValue>2004){
      year=newValue;
      this.edition+=newValue-2004;
    }
  }
});
book.year=2005;
alert(book.edition);

这样就使问题解决了;

 

                                                                                   (第一次写blog,内容不是很明显,结构不是很清晰,还请各位大神指点,谢谢)   

    

没有更多推荐了,返回首页