JS--我发现，原来你是这样的JS：面向对象编程OOP[1]--(理解对象和对象属性类型)

一、介绍

二、理解对象

1.我们通俗点理解一下

对象是一个真实存在的东西，就像世上每一个人、每一个物体一样，它有自己的属性，行为。也就是说各种属性集合在一起就是一个具体的对象。（你自己也是一个对象）

举一些生活例子：

小明：有名字，年龄（基本值），说话（方法） 等属性

电脑：有颜色，大小（基本值），cpu（对象）等属性

2.我们js代码理解一下：

1.用new Object()构造函数方法来创建对象

//obj是我创建的一个对象，它有name、age属性，sayHi方法
var obj = new Object();
obj.name = "ry";
obj.age="3";
obj.sayHi = function(){
console.log("Hi");
}

2.用对象字面量创建对象

//创建一个person对象
var person = {
name : "ry",
age : 3,
sayBye: function(){
console.log('bye bye');
}
};

三、理解对象属性的类型

1.对象属性有类型？奇怪吗？

可能你会问对象属性还有类型？一开始我也觉得惊讶。

没错，对象属性是有类型的，可能你不能理解，但只能接受。

2.对象属性类型有哪些：数据属性和访问器属性

1.数据属性（最常用的）

js中用特性这东西去区分属性类型。对于数据属性，它有以下4个特性去说明它是数据属性。

名字	作用
[[Configurable]]	表示能否通过delete来删除属性，能否修改属性的特性，或能否把属性设为访问器属性，默认true。
[[Enumerable]]	能不能通过for in枚举该属性，默认true。
[[Writable]]	能不能修改属性值，默认true。
[[Value]]	这个位置保存属性的值。比如下面的name属性，它的[[Value]]就保存"ry"这个字符串

数据属性长什么样子（也就那样，以前那样）

//一个对象
var person = {
//这就是一个数据属性
name:"ry";
};
console.log(person.name); //ry
//透过代码可以看出，以前我们定义对象属性就是数据属性，以前不知道它叫数据属性这个名字，但现在知道了。

测试一下特性吧。用Object.defineProperty()，修改特性用到这个函数Object.defineProperty():接受3个参数：属性所在对象，属性名字，描述符对象

//创建一个对象person
var person = {};
//添加一个数据属性
person.name = "ry";
//使用Object.definProperty方法
Object.definProperty(person,"name",{
//writable表示能不能修改,false表示不能
writable:false,
})

console.log(person.name);  "ry"
//修改name的值
person.name = "yuan";
//name的值不变，修改不了
console.log(person.name);  "ry"

除此之外还可以修改其他特性，大家可以试试哦。

2.访问器属性

访问器属性的4个特性：

名字	作用
[[Configurable]]	表示能否通过delete来删除属性，能否修改属性的特性，或能否把属性设为访问器属性，默认true。
[[Enumerable]]	能不能通过for in枚举该属性，默认true。
[[Get]]	读取时调用的函数，默认undefined
[[Set]]	写入时调用的函数，默认undefined

▶ 书上的例子：

//一个对象
var book = {
_year : 2004,
edition : 1
};

//定义一个叫year的访问器属性
Object.defineProperty(book,"year",{
//设置get特性，这是一个方法
get: function(){
retrun this._year;
};
//设置set特性
set:function(newValue){
if(newValue > 2004){
this._year = newValue;
this.edition += newValue - 2004;
}
}
})；

//测试一下,给访问器属性赋值，即写入year，它会调用set的方法
book.year = 2005;
//上面的2005大于2004，set方法中会改变edition的值，变成2
console.log(book.edtion); //2

▶ 特别提醒：Objecct.defineProperty() 的兼容性：IE9+,Firefox4+,chrome，Opera12+，Safari 5+

▶ 除此之外

还有一次定义多个属性的方法：Objecct.defineProperties() ， 兼容性：IE9+,Firefox4+,chrome，Opera12+，Safari 5+。

读取属性特性方法：Object.getOwnPropertyDescriptor()，接受两参数：属性所在对象和要读取器描述符的属性名称。 返回一个对象。

//实践比较容易理解
//一个对象
var book = {};
//用Objecct.defineProperties()方法设置多个属性
Object.defineProperties(book,{
_year:{
value:"ry"
},
edition:{
value:1
},
year:{
get:function(){
return this._year ;
}
}
});

//函数返回一个对象
//descriptor对象有configurable，enumerable，writable，value属性/（如果是访问器属性:configurable，enumerable，get，set）
//_year是数据属性
var descriptor = Object.getOwnPropertyDescriptor(book,"_year");
console.log(descriptor.value);  //2004
console.log(descriptor.configurable);  //true
console.log(descriptor.enumerable);  //true
//数据属性没有get
console.log(descriptor2.get); //undefined

//year是访问器属性
var descriptor2 = Object.getOwnPropertyDescriptor(book,"year");
//访问器属性有get
console.log(descriptor2.get); //function

四、小结