ES5 set如何设置值?

Question

代码是这样的

function(){
        window.Observer = function(data){
            this.data=data;
            for(var key in this.data){
                var val = this.data[key]; ---这里
                this.walk(val,key);       
            }
        };
        Observer.prototype.walk = function(val,key){
            Object.defineProperty(this.data,key,{
                enumerable: true,
                configurable: true,
                get:function(){
                    return val;
                },
                set:function(newValue){
                    val = newValue; --- 这里
                }
            })
        };
    })()
 
 
var app = new Observer({a:"a"});
 
console.info(app.data.a);
         
app.data.a = "b"; 
 
console.info(app.data.a);

然后输出为 a b;

为什么通过val = newValue可以设置a属性的值?
val难道是一个引用?

如果val存的是地址,可是这样为什么又不行

var a = {b:0}
var val = a.b;
val = 1
 
//a.b仍然是0

Answer 1

找到答案了,,, val不是引用,就是值 ,之所以通过val = newValue可以设置app.data.a的值,是因为这是个闭包,里面保存了val的值,所以获得app.data.a的值时,调用get方法,返回的也是val.

Answer 2

参考 Object.defineProperty()
另外，下面的例子你是对变量重新赋值

Answer 3

• 第一个问题解决：
  在你这段代码（定义对象属性），val就是引用，你说对了；当你对一个对象的属性赋值时，就会调用对象属性的set方法。

参考链接：Object.defineProperty()

• 第二个问题解决：

var a = {b:0}//新建对象a,会在内存中，存储对象a的地址
var val = a.b;//新建变量val,你将a.b的值赋值给val。
val = 1;//将1赋值给val

你这段代码都没有修改过a.b的值，如果你想修改a.b的值，代码如下：

var a = {b:0}
var val = a;
a.b = 1

//val.b的值:1

参考链接：
js变量赋值和引用