本篇文章给大家带来了关于javascript的相关知识，其中主要介绍了关于面向对象的相关问题，包括了属性描述符、数据描述符、存取描述符等等内容，下面一起来看一下，希望对大家有帮助。
【相关推荐：javascript视频教程、web前端】
JavaScript其实支出多种编程范式的，包括函数式编程和面向对象编程：
var obj = new Object()
obj.name = 'why'
console.log(obj.name, obj) // why { name: 'why' }// 字面量方式
var obj2 = { name: 'jam', age: '8' }
console.log(obj) // { name: 'jam', age: '8' }在之前我们的属性都是直接定义在对象内部，或者直接添加到对象内部；
但是这样我们就不能对这个属性进行一些限制：比如这个属性是否可以通过 delect删除，是否可以在 for-in遍历的时候被遍历出来呢？
如果我们想要对一个属性进行比较精准的操作控制，那么我就可以使用 属性描述符。通过属性描述符可以精准的添加或修改对象的属性；
属性描述符需要使用 Object.defineProperty来对属性进行添加或修改。
属性描述符分为两种：数据描述符和存取描述符
数据描述符是一个具有值的属性，该值可能是可写的，也可能是不可写的。数据描述符具有以下可选键值：
Object.getOwnPropertyDescriptor()方法返回指定对象上一个自有属性对应的属性描述符。
Object.getOwnPropertyDescriptor(obj，prop)
注意：如果该方法的第一个参数不是对象，会报错（TypeError）。
Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。
Object.defineProperty（obj，prop，descriptor）
如下示例代码展示了属性描述符的设置和获取
var obj = {
name: 'jam',
age: 8
}
Object.defineProperty(obj, 'job', {
value: '律师'
})
console.log(Object.getOwnPropertyDescriptor(obj, 'age')) // { value: 8, writable: true, enumerable: true, configurable: true }
console.log(obj.job) // 律师
// 通过defineProperty新增的属性，该新属性是不可修改、不可删除以及不可枚举的
console.log(Object.getOwnPropertyDescriptor(obj, 'job')) // {value: '律师',writable: false,enumerable: false,configurable: false}
注意：通过defineProperty新增的属性，该新属性是不可修改、不可删除以及不可枚举的
var obj = {
name: 'jam',
age: 8
}
Object.defineProperty(obj, 'address', {
value: '河北',
// configurable 该属性不可删除，更不可再次使用defineProperty修改属性描述符
configurable: false,
})
delete obj.address // 想使用delete删除该属性
obj.address = '广州' // 想修改obj中的属性address值为广州
console.log(obj.address) // 输出结果：河北因为属性描述符configurable值为false 不可删除和修改,所以delete和修改都没生效
var obj = {
name: 'jam',
age: 8}Object.defineProperty(obj, 'sex ', {
value: '男',
// enumerable 配置该属性是否可以枚举
enumerable: true})for (i in obj) {
console.log(i)}当enumerable: false时，输出结果为 name age
当enumerable: true时，输出结果为 name age sex
var obj = {
name: 'jam',
age: 8}Object.defineProperty(obj, 'score', {
value: 80,
// writable: true
writable: false})obj.score = 100 console.log(obj.score) // 80因为writeable的值为false，所以修改score为100时，并没有修改成功，最终输出80
是不是感觉每次只能设置一个属性的属性描述符很繁琐，Object.defineProperties可以帮你解决问题。
Object.defineProperties（）方法为对象定义一个或多个新属性或修改现有属性，并返回该对象。
Object.defineProperties（obj，props）
示例代码如下：
var obj = {
name: 'jam',}Object.defineProperties(obj, {
'age': {
value: 28,
writable: true,
configurable: false,
enumerable: true
},
'job': {
value: '律师',
writable: true,
configurable: false,
enumerable: true
},
'sex': {
value: '男',
writable: false,
configurable: false,
enumerable: true
},
'height': {
value: '1.8 m',
writable: false,
configurable: false,
enumerable: true
}})console.log(obj) // name: 'jam', age: 28, job: '律师', sex: '男', height: '1.8m' }存取描述符是由getter-setter函数对描述的属性。存取描述符具有以下可选键值:
configurable 和 enurnerable 的使用与数据描述符中的一致，这里就不过多讲解了。
主要讲一下get 和 set 方法的使用
var obj = {
name: 'jam',
age: 8,
_address: '河北'
}
// 存取描述符的使用场景
// 1.隐藏某一个私有属性被希望直接被外界使用和赋值
// 2.如果我们希望解惑某一个属性它访问和设置值的过程时，也会使用存储属性描述符
Object.defineProperty(obj, 'address', {
enumerable: true,
configurable: true,
get: function () {
foo()
return this._address
},
set: function (value) {
bar()
this._address = value
}
})
function foo () {
console.log("截获了一次address的值")
}
function bar () {
console.log("设置了一次address的值")
}上述示例代码控制台打印结果如下：
【相关推荐：javascript视频教程、web前端】
以上是JavaScript面向对象详细解析之属性描述符的详细内容。更多信息请关注PHP中文网其他相关文章！
