对象_原型

OOP 指什么？有哪些特性?

• 面向对象程序设计（英语：Object-oriented programming，缩写：OOP）是种具有对象概念的程序编程范型，同时也是一种程序开发的抽象方针。
• 面向对象三大特征：
  • 继承：继承性（Inheritance）是指，在某种情况下，一个类会有“子类”。子类比原本的类（称为父类）要更加具体化。子类会继承父类的属性和行为，并且也可包含它们自己的。
  • 封装：封装是通过限制只有特定类的对象可以访问这一特定类的成员，而它们通常利用接口实现消息的传入传出。
  • 多态：多态（Polymorphism）是指由继承而产生的相关的不同的类，其对象对同一消息会做出不同的响应。

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

function People(name) {
  this.name = name
  this.sayName = function () {
    console.log(this.name)
  }
}
var p1 = new People('bill')
p1.name  // bill
p1.syaName() // bill

prototype 是什么？有什么特性

• prototype指的原型，每一个函数都拥有一个prototype属性，这个属性指向一个对象，每一个通过这个函数构造出来的对象都会拥有一个'__proto__'属性，指向它的构造函数的prototype对象，js通过这个特性来实现原型继承。

画出如下代码的原型图

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('前端');

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

var Car = {
  name: 'bill',
  color: 'black',
  status: 'OK',
  run: function () {
    console.log('runing...')
  },
  stop: function() {
    console.log('stop')
  },
  getStatus: function() {
    console.log(this.status)
  }
}

创建一个 GoTop 对象，当 new 一个 GotTop 对象则会在页面上创建一个回到顶部的元素，点击页面滚动到顶部。

• http://js.jirengu.com/yubim

使用木桶布局实现一个图片墙