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

Question

JS初学：
创建对象时，可以用

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

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

Answer 1

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;}});

Answer 2

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

Answer 3

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

Answer 4

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