javascript - ES5 set如何设置值?
怪我咯
怪我咯 2017-04-11 13:20:11
[JavaScript讨论组]

代码是这样的

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
怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
怪我咯

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

PHPz
  • 第一个问题解决:
    在你这段代码(定义对象属性),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变量赋值和引用

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号