Javascript 浅析面向对象

1、面向对象

面向对象的语言最基本的标志就是类的概念。什么是类？类是包含多个属性和方法的集合，类的实例即对象。 

面向对象的三大特征是继承、封装、多态。JS可以模拟实现继承和封装，但是无法模拟实现多态，所以我们说JS是一门基于对象的语言，而非是面向对象的语言。

Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。

ECMAScript（JS）中对象的概念为“无序属性和方法集合”。 

2、理解对象

2.1创建对象方式(就是封装方式)

JS中创建对象有三种方式：
// 第一种：创建Object实例
var person = new Object();
person.name = 'tom';
person.age = 20;
person.sayIt = function(){console.log(this.name, this.age)}
// 第二种：对象字面量值      原始模式
var person = {
   name: 'tom',
   age: 20,
   sayIt: function(){console.log(this.name, this.age)}
}
// 第三种 构造函数
function Box(name, age) { //构造函数模式
this.name = name;
this.age = age;
this.run = function () {
return this.name + this.age + '运行中...';
};
}
var box1 = new Box('Lee', 100); //new Box()即可

2.2数据属性和访问器属性（方法）

2.2.1数据属性

数据属性包含一个数据值的位置，在这个位置可以读取和写入值。包含以下4个特性：

Configurable：表示能否delete删除属性、该属性描述符的类型能否被改变。
默认值为false，创建实例不指定该值时会默认为true。
Enumerable：表示属性是否可枚举（for-in）。默认值为false，创建实例不指定该值时会默认为true。
Writable：表示属性值是否可修改。默认值为false，创建实例不指定该值时会默认为true。
Value：表示属性的值。默认值为undefined，创建实例不指定该值时会默认为undefined。

举例
var person = {
 name: 'tom'
}
person对象的属性name的数据属性Configurable、Enumerable、Writable均为true
即name属性可删除、可枚举、可改写值，name属性的当前值为'tom'
想要修改属性的数据属性，可以通过ES5提供的Object.defineProperty()方法
可以通过Object.getOwnPropertyDescriptor()方法读取属性的特性
这个方法还可以给对象新增一个属性，该方法有三个参数：目标对象，要定义或修改的属性的名称
需要定义或修改的数据属性
下面修改person实例的name属性：

var person = {

    name: 'tom'

}

Object.defineProperty(person, 'name', {
    configurable: false,
    enumerable: false,
    writable: false,
    value: 1
})
console.log(person.name); // 1，name属性的值已修改为1
delete person.name; 
console.log(person.name); // 1, name属性依然存在
for(var i in person){
    console.log(i); // undefined，name属性不可枚举
}
person.name = 2; 
console.log(person.name); // 1，name的值依然为1，不可修改

2.2.2访问器属性（方法）

访问器属性的常用使用方式就是通过设置一个属性的值改变其他属性，访问器属性同样包含4个特性：
Configurable：表示能否delete删除属性、该属性描述符的类型能否被改变。
默认值为false，创建实例不指定该值时会默认为true。
Enumerable：表示属性是否可枚举（for-in）。默认值为false
创建实例不指定该值时会默认为true。
Get：在读取属性时调用的函数，默认值为undefine。
Set：在写入属性时调用的函数，默认值为undefine。

var book = {
    _year: 2004,
     edition: 1
};
Object.defineProperty(book, "year", {
     get: function(){
         return this._year;
     },
     set: function(newValue){
         if (newValue > 2004) {
            this._year = newValue;
             this.edition += newValue - 2004;
        }
     }
});
book.year = 2005;
console.log(book.edition); //2