javascript - ES5 set如何设置值?

问题描述

问 题

代码是这样的

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

解决方案

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

这篇关于javascript - ES5 set如何设置值?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！