面向对象基础一

人生就像一列开往坟墓的列车，路途上会有很多站，很难有人至始至终陪你走完全程，当陪你的人要下车时，即便不舍，也要心存感激，然后挥手告别。---sunnyhuang

---

问题1： OOP 指什么？有哪些特性

OOP（Object Oriented Programming）面向对象编程。

原则：封装开放原则

三要素：封装， 继承，多态

封装:将客观的事物封装成一类，并提供相应的属性和方法，让稳定的信息给人使用，不稳定的部分隐藏起来，例如：window对象的封装，里面有window.getComputedStyle(),window.name,window.navigator
继承: 这个比较抽象，就是一个对象可以使用另一个对象的属性和方法，被使用的对象叫做父类，使用者叫做子类。例如：人类是一个大类， 小王是人，小刚是人，他们都可以继承人类，从而使用人类里面的属性和方法。
多态: 对于对象的同一个方法，可以有不同的表现。例如: 猫和狗都属于动物这个大类，都有叫的本能，但是他们叫的声音是不一样的。

问题2： 如何通过构造函数的方式创建一个拥有属性和方法的对象?

对象的创建有2个情况

• 通过字面量的方式来创建对象
• 通过Object等构造函数创建(首字母大写)

通过构造函数new创建的对象，new主要是做了下列事情

1. 创建一个空对象表示this
2. this的proto属性指向构造函数的原型prototype
3. 通过空对象执行构造函数
4. 返回这个空对象（在构造函数没有return）

function People(sex,age){
   this.sex=sex;
   this.age=age;
}
People.prototype.say=function(){
  console.log(this.age)
}
var hcc= new People("男",24)
//通过new出来的对象就拥有了sex,age属性，也可以调用构造函数原型链中的共有方法
hcc.say()

问题3： prototype 是什么？有什么特性

prototype是函数的一个属性，记住是函数，函数，函数。

但是这个属性性质是一个对象，所以在函数中存放的是一个指针，指向内存中的一块内存。

函数的prototype属性默认的存放一个constructor属性指向它的函数本身，我们也可以添加一些方法和属性到函数的原型中。

function people(){}
people.prototype.say=function(){console.log("hcc")}
//下面画出简单的图片结构

图形1.png

问题4：画出如下代码的原型图

function People (name){
  this.name = name;
  this.sayName = function(){
    console.log('my name is:' + this.name);
  }
}

People.prototype.walk = function(){
  console.log(this.name + ' is walking');  
}

var p1 = new People('饥人谷');
var p2 = new People('前端');

原型图.png

问题5：创建一个 Car 对象，拥有属性name、color、status；拥有方法run，stop，getStatus

function Car(name,color,status){
  this.name=name;
  this.color=color;
  this.status=status
}
Car.prototype.run=function(){
  console.log(this.status+"  running")
}
Car.prototype.stop=function(){
  console.log(this.status+" stopping")
}
Car.prototype.getStatus=function(){
  console.log(this.name+"我是在干嘛？")
}
var car1=new Car("Porsche","red","stop")
var car2=new Car("BMW","black","running")

问题6：创建一个 GoTop 对象，当 new 一个 GotTop 对象则会在页面上创建一个回到顶部的元素，点击页面滚动到顶部。拥有以下属性和方法

1. `ct`属性，GoTop 对应的 DOM 元素的容器
2.  `target`属性， GoTop 对应的 DOM 元素
3.  `bindEvent` 方法， 用于绑定事件
4. `createNode` 方法， 用于在容器内创建节点