js 面向对象

一 简介

1 面向过程（POP）

分析问题所需要的步骤

2 面向对象（OOP）

以功能对象划分问题；
对象由属性（特征）和方法（行为）组成

特点：
1、抽取对象共用的属性和行为组织成一个类
2、对类进行实例化

3 面向对象 VS 面向过程

• 面向对象
  优点：灵活、复用、维护
  缺点：性能比面向对象过程低
• 面向过程
  优点：性能高
  缺点：没有面向对象灵活、复用、维护

面向过程适用于项目简单；面向对象适用于项目复杂

二 对象

1 对象直接量

var zs = {
	name: 'zhangshan',
	age: 20
}

2 通过构造函数创建

var zs = new Object();

3 自定义构造函数

function Cat(){
	this.color = 'black';
}
var c1 = new Cat();	// 实例化对象
console.log(c1);

2.1 构造函数与原型

2.2.1 构造函数

在 JavaScript 中，用 new 关键字来调用的函数，称为构造函数。构造函数首字母一般大写

function Gril(){
	this.age = 22,
	this.xueli = 'benke'
};
var gril1 = new Gril();
var gril2 = new Gril();
console.log(gril1 == gril2);	// false

实例化构造函数的执行过程
步骤一：首先在内存中创建一个新的空对象 {}
步骤二：让函数中的this指向这个空对象 this === {}
步骤三：开始执行函数体 {age:22, xueli:“benke”}
步骤四：返回该对象 (构造函数中不需要写return)

实例成员

构造函数内部通过this添加的成员 称为 实例成员
访问：实例名.成员名

静态成员

在构造函数本身添加的成员， 一般放置公共的属性
访问：只能通过构造函数去访问 构造函数名.成员名

2.2.2 原型

1 原型定义的函数是可共享的
2 每一个构造函数都有一个prototype属性，其值为指向一个对象，该对象定义的属性和方法，这些属性和方法都会被构造函数所拥有
3 构造函数的实例都可以共享原型
4 使用 构造函数.函数名 这个表示类的静态方法，这个方法不能被实例化对象调用

__proto__属性

对象都会有这一个属性（非标准属性，有些浏览器没有这个属性），指向构造函数的prototype原型对象

prototype和__proto__之间的关系

2.2 constructor属性

  构造函数原型 prototype 身上有一个属性 constructor，它的值指向构造函数

对象.constructor = 对象._proto_.constructor = 构造函数.prototype.constructor

2.3 原型链

  js 成员查找机制，就是原型链查找机制
当我们访问一个对象的成员（方法或属性）首先看自己有没有，假如没有就查找它的原型（也就是对象._proto_）称为原型对象，如果这个原型对象还没有这个（属性或方法）就通过__proto__查找Objcet对象的原型（Object.prototype）,这就是原型链的查找机制

2.4 构造函数中 this 指向问题

• 构造函数中的 this 值的就是 new 出来的实例对象
• 原型对象函数里面的 this 也是指向实例对象

例：扩展数组的求和方法

Array.prototype.getSum = function () {
	var sum = 0;
	for (var i = 0; i < this.length; i++) {
		sum += this[i];
	}
	return sum;
};

var arry1 = [1, 3, 5];
var arry2 = [2, 4, 6];
console.log(arry1.getSum());	// 9
console.log(arry2.getSum());	// 12

三 继承

**call() **

1. 可以实现函数调用
2. 可以改变函数 this 指向

function fun () {
	console.log("hello");
}
var obj = {num: 100};
fun();	// 此时的 this === window
fun.call(obj);	// 此时的 this 的指向为 obj