老生常谈JavaScript面向对象基础与this指向问题

前 言

我们的程序语言经历了从“面向机器”、到“面向过程”、再到“面向对象”的一个过程。而JavaScript是一门基于对象的一门语言，它介于面向过程与面向对象之间。在学习JavaScript的过程中，OOP是非常重要的一环，下面我们来一起探讨一下JS中的面向对象吧！！！

1 、OOP的基础问题

1.1什么是面向过程和面向对象？

面向过程：专注于如何去解决一个问题的过程步骤。编程特点是由一个个的函数去实现每一步的过程步骤，没有类和对象的概念。

面向对象：专注于由哪一个对象来解决这个问题。编程特点是出现了一个个的类，从类中拿到这个对象，由这个对象去解决具体的问题。

对于调用者来说，面向过程需要调用者自己去实现各种函数。而面向对象，只需要告诉调用者对象中具体方法的功能，而不需要调用者了解方法中的实现细节。

1.2面向对象的三大特征

继承、封装、多态

1.3类和对象的关系

① 类：一类具有相同特征(属性)和行为(方法)的集合。

比如：人类-->属性：身高、体重、性别 方法：吃饭、说话、走路

② 对象：从类中，拿出具有确定属性值和方法的个体。

比如：张三-->属性：身高180、体重180 方法：说话-->我叫张三，身高180

③ 类和对象的关系

类是抽象的，对象是具体的(类是对象的抽象化，对象是类的具体化)

解释一下：

类是一个抽象的概念，只能说类有属性和方法，但是不能给属性赋具体的值。比如说人类有姓名，但是不能说人类的姓名叫啥。。。

对象是一个具体的个例，是将类中的属性进行具体赋值而来的个体。比如说张三是人类的一个个体，可以说张三的姓名叫张三。也就是张三对人类的每一个属性进行了具体的赋值，那么张三就是由人类产生的一个对象。

2、 JavaScript中的面向对象

2.1创建类和对象的步骤

①创建一个类(构造函数)：类名必须使用大驼峰法则，即每个单词的首字母必须大写。

function 类名(属性1){
  this.属性1 = 属性1;
  this.方法 = function(){
   //方法中要调用自身属性，必须要使用this.属性
  }
}

②通过类，实例化(new)出一个对象。

var obj = new 类名(属性1的具体值);