对象, 原型

OOP 指什么？有哪些特性 (难度: ***)

• oop指定是面向对象编程, 是一种程序开发的方法, 把属性和方法都包含在对象中, 而对象是类的实例, 这样的编程方式可以提高程序的灵活性, 扩展性, 复用性, 在JavaScript中不存在实际意义上的类 , 而是使用原型对象实现面向对象编程
• 面向对象编程的特性主要有三个, 封装, 继承, 多态
  • 封装
    简单来说就是, 使用者只需要调用, 而不需要在意程序内部是怎样运行的
  • 继承
    一般在类的下面, 都存在一个子类, 例如猫类, 子类就有英国短毛猫类, 布偶猫类, 而子类通过继承得到父类的属性和方法, 在JavaScript中, 主要通过原型链实现继承
  • 多态
    多态值的是, 通过继承得到相关而不相同的类, 其对象对不同的消息会做出不同的响应. 例如,鸡类和狗类都从动物类继承到叫这个动作, 但是他们的叫声是不一样的. 多态的核心思想就是把变的东西和不变的东西区分开来. 因为JavaScript是弱类型语言, 所以没有传统面向对象编程中的多态

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

1. 声明构造函数, 例如

function Person(name) {
    this.name = name
    this.sayName = function(){
        return this.name
    }
}

其中需要注意的是this的指向, 在构造函数当中, this指向的是新构造出来的对象

2. 使用new关键字创造构造函数实例

var person1 = new Person('guoqichen')

其中需要注意的是new关键字在创建实例的时候做了什么
1. 创建一个新对象, 把this指向这个新对象

var temp = {}
this = temp

2. 把构造函数内部的[[prototype]]指向构造函数的原型对象

this.__proto__ = Constructor.prototype

3. 执行构造函数的代码. 例如`this.name = name'
4. 返回this

prototype 是什么？有什么特性 (难度: ***)

• 函数内部的prototype属性指向构造函数的原型对象, 任何函数都有这个属性
• 特性
  在原型对象上定义的属性和方法, 所有的实例都是共享的

function Person(name) {
    this.name = name
}
Person.prototype.sayName = function(){
    return this.name
}
var person1 = new Person('guoqichen')
var person2 = new Person('James')
person1.sayName() // 'guoqichen'
person2.sayName()// 'James'

画出如下代码的原型图 (难度: ****)

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

2016-09-22_154037.png

以下代码中的变量age有什么区别(难度: ****)

function People (){
  var age = 1 //这是函数内部的变量age
  this.age = 10;//当调用这个函数的时候, 会定义this对象的age属性, 值为10
}
People.age = 20;//因为函数也是对象, 所以函数也可以拥有属性, 定义了函数People的属性age, 值为20

People.prototype.age = 30;//People.prototype指的是函数的原型对象, 定义了原型对象上的属性age, 值为30