首页 > 在JS中,什么时候会用到Object.defineProperty()来设置或者修改对象属性?

在JS中,什么时候会用到Object.defineProperty()来设置或者修改对象属性?

JS初学:
创建对象时,可以用

var student={
             name:"LILY",
             age:12,
             grade:1
        };

那什么时候用到Object.defineProperty()修改属性值呢?
student.name="pp";
这样修改属性值和defineProperty()有什么区别呢?


当你成为大牛的时候你就会需要,譬如:尤小右在他的大作vue里,就用Object.defineProperty做了惊世骇俗的数据绑定,先进程度(黑科技感)远超其他作品,关于详情,看深入响应式原理


Object.defineProperty(Object.prototype, 'foo', {value: function() {console.log(foo);}});

(这样添加的属性是不可修改不可枚举不可再次配置的)

当你非要给原生类原型添加方法时,不用 defineProperty 就会给其它程序(如 for in)添加麻烦

当然 getter/setter 要兼容性的话也得要,不然

var obj = {
    _name: null,
    get name() {
        return this._name;
    }
    set name(val) {
        this._name = val;
    }
};

会在不支持的浏览器报语法错(没救了,除非 eval)

此时的使用方法:

Object.defineProperty(obj, 'name', {get: function() {return this._name;}, set: function(val) {this._name = val;}});

定义一个常量(无法修改)
var CONSTANT = {};
Object.defineProperty(CONSTANT, "PI", {
value: 3.1415,
writable: false,
configurable: false
});


Object.defineProperty可以详细设置属性的可枚举性,可修改性以及getter和setter
所以当你需要一个只读的或者不可被枚举的属性,或者需要在读取或设置值时做一些额外操作,这几种情况下都适合使用Object.defineProperty
参考这里的例子

【热门文章】
【热门文章】