文章目录
一 简介
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() **
- 可以实现函数调用
- 可以改变函数 this 指向
function fun () {
console.log("hello");
}
var obj = {num: 100};
fun(); // 此时的 this === window
fun.call(obj); // 此时的 this 的指向为 obj