OOP 指什么？有哪些特性 (难度: ***)
- oop指定是面向对象编程, 是一种程序开发的方法, 把属性和方法都包含在对象中, 而对象是类的实例, 这样的编程方式可以提高程序的灵活性, 扩展性, 复用性, 在JavaScript中不存在实际意义上的类 , 而是使用原型对象实现面向对象编程
- 面向对象编程的特性主要有三个, 封装, 继承, 多态
- 封装
简单来说就是, 使用者只需要调用, 而不需要在意程序内部是怎样运行的 - 继承
一般在类的下面, 都存在一个子类, 例如猫类, 子类就有英国短毛猫类, 布偶猫类, 而子类通过继承得到父类的属性和方法, 在JavaScript中, 主要通过原型链实现继承 - 多态
多态值的是, 通过继承得到相关而不相同的类, 其对象对不同的消息会做出不同的响应. 例如,鸡类和狗类都从动物类继承到叫这个动作, 但是他们的叫声是不一样的. 多态的核心思想就是把变的东西和不变的东西区分开来. 因为JavaScript是弱类型语言, 所以没有传统面向对象编程中的多态
- 封装
如何通过构造函数的方式创建一个拥有属性和方法的对象? (难度: ***)
- 声明构造函数, 例如
function Person(name) {
this.name = name
this.sayName = function(){
return this.name
}
}
其中需要注意的是this的指向, 在构造函数当中, this指向的是新构造出来的对象
- 使用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
