对象、原型

1.OOP 指什么？有哪些特性

OOP全称(Object Oriented Programming)面向对象编程，是计算机的一种编程架构。
OPP的一条基本规则是，计算机程序由能够起到子程序作用的单个或对象组合而成。包含属性和方法的是对象实例，而JS没有类的概念，而是直接使用对象来完成编程任务。面向对象编程使得程序有了复用性，能够明确的实现某一项具体的功能，使得程序员更加注重工程项目的需求分析，而非某一具体功能实现的内在逻辑，极大的缩短了项目周期。
特性有：

封装性：把客观的事物封装成抽象的类，要用的时候只需要调用，而不需要在意内部是怎么样运行的。
继承性：可以使用现有类的功能，并且可以在不重新编写原来类的情况下，进行扩展。
多态：是指通过继承得到相关而不同的类，其对象对不同的消息会做出不同的响应。多态的核心思想是将变与不变的东西区分开来，因为JS是弱类型语言，所以没有传统的面向对象编程的多态。
抽象：简化复杂的现实问题的路径，它可以为具体问题找到最恰当的类定义，并且可以在最恰当的继承级别解释问题。

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

函数也是对象的一种它继承了对象原型，可以对其添加属性和方法，而构造函数也是一种函数，所以用自定义函数的方式，所以使用new操作符来进行实例验证。
例：

    function Sayhi(name,age){
        this.name = name;
        this.age = age;//这是属性
        this.say = function(){
            console.log(this.name + ":我今年" + this.age + "岁了" )//这是方法
        };
    }
    var S1 = new Sayhi("小明",28);
    var S2 = new Sayhi("小红",19);

3.prototype 是什么？有什么特性

prototype即原型，每创建一个函数都有prototype属性，这个属性是一个指向一个对象的指针，这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。
对象proto===构造函数prototype，函数可以通过prototype这个属性创建一个公共区域，此函数构造的对象都可以通过它们来访问到这个公共区域。
例：

    function Sayhi(name,age){
        this.name = name;
        this.age = age;
        Sayhi.prototype.Sayhello = function(){
            console.log('hello')
        }
    }
    var S1 = new Sayhi("小明",28);
    var S2 = new Sayhi("小红",19);

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

5.以下代码中的变量age有什么区别

····
function People() {
var age = 1;//函数People的局部变量
this.age = 10;//当调用函数People的时候定义调用者的age属性
}
People.age = 20;//给函数People绑定了age属性

  People.prototype.age = 30;//函数People的原型的age属性

····

代码

创建一个 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(){
this.status = run;

};
Car.prototype.stop = function(){
    this.status = stop;
};
Car.prototype.getStatus = function(){
    console.log('this.status')
};
var Car1 = new Car("jili","white","running")

····
本文归作者和饥人谷所有转载请注明出处