defineProperty 访问器属性报错 栈溢出

Question

var book = {    year:2004,    edition:1}Object.defineProperty(book,"year",{    get:function(){        return this.year    },    set:function(newVal){        if(newVal>2004){            this.year = newVal ;            this.edition += newVal - 2004 ;        }    }});book.year = 2005 ;console.log(book.edition)如上所示，直接运行会报错 Maximum call stack size exceededat Object.set [as year]但是如果在year前面加个标识符或者别的字母，就没什么问题，哪位可以解答一下？

Answer 1

这种情况一般推荐使用闭包用于处理循环调用

var book = {

    year:2004,

    edition:1

}

function proxy(obj, prop) {

   let val= obj[prop];

   Object.defineProperty(obj,prop,{

        get:function(){

            return val;

        },

        set:function(newVal){

            if(newVal>2004){

                val = newVal

                this.edition += newVal - 2004 ;

            }

        }

    }); 

}

proxy(book, 'year');

book.year = 2005;

// this.edition  => 2

Answer 2

你给year定义了setter，然后在setter里面又给year赋值，就是又调用了setter，循环调用了