深入了解JavaScript之面向对象（一）

一、什么是对象

对象就是一个封装了数据（属性）和方法的集合体。

二、什么是面向对象程序设计(Object Oriented Programming – OOP)

面向对象，英文名字叫 Object Oriented，是一种编程方法。是和面向过程相对应的。

三、面向对象和面向过程

1、面向过程：注重解决问题的步骤，分析问题需要的每一步，实现函数依次调用。
2、面向对象：是一种程序设计思想，将数据和处理数据的程序封装到对象中。
3、面向对象的特性：抽象，继承，封装，多态。
4、面向过程和面向对象的对比
面向过程：

• 优点：性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用的面向对象过程编程。
• 缺点：没有面向对象易维护、易复用、易扩展

面向对象：

• 优点：易维护、易复用、易扩展，由于面向对象有封装、继承、多态的特性；可以设计出低耦合的系统，使系统更加灵活、更加易于维护。
• 缺点：性能比面向过程低。

四、面向对象的特性：抽象，继承，封装，多态

抽象：把一些功能相似的功能代码，抽离出来。
封装：然后把抽离出来的代码和功能，封装成一个类。

五、class 类

传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向对象语言来讲，很有一种独树一帜的感脚！非常容易让人困惑！
如果要生成一个对象实例，需要先定义一个构造函数，然后通过new操作符来完成。构造函数示例：

//函数名和实例化构造名相同且大写（非强制，但这么写有助于区分构造函数和普通函数）
function Person(name,age) {
    this.name = name;
    this.age=age;
}
Person.prototype.say = function(){
    return "我的名字叫" + this.name+"今年"+this.age+"岁了";
}
var obj=new Person("laotie",88);//通过构造函数创建对象，必须使用new 运算符
console.log(obj.say());//我的名字叫laotie今年88岁了

构造函数生成实例的执行过程：
1.当使用了构造函数，并且new 构造函数(),后台会隐式执行new Object()创建对象;
2.将构造函数的作用域给新对象，（即new Object()创建出的对象），而函数体内的this就代表new Object()出来的对象。
3.执行构造函数的代码。
4.返回新对象（后台直接返回）;

ES6提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。上面的代码用ES6的“类”改写，就是下面这样。

//定义类
class Point {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }

  toString() {
    return '(' + this.x + ', ' + this.y + ')';
  }
}

上面代码定义了一个“类”，可以看到里面有一个constructor方法，这就是构造方法，而this关键字则代表实例对象。也就是说，ES5的构造函数Point，对应ES6的Point类的构造方法。

Point类除了构造方法，还定义了一个toString方法。
注意
1、类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。
2、定义“类”的方法的时候，前面不需要加上function这个关键字，直接把函数定义放进去了就可以了
3、方法之间不需要逗号分隔，加了会报错。

class 的语法内容比较多放到单独的一篇博客里介绍