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
参考这里的例子