前端 - JavaScript面向对象闭包封装继承 - 《前端基础知识综合》

JavaScript面向对象（oop） — Object Oritented Programming
面向对象
基于原型的面向对象
JavaScript面向对象的名词解释
闭包
遍历对象及存储
对象在内存中的分布（存储）
封装
继承
构造继承
call和apply的用法
JavaScript面向对象的关键词
对象冒充

JavaScript面向对象（oop） — Object Oritented Programming

OOP即面向对象程序设计，全称为Object Oriented Programming，是一种计算机编程架构。

声明对象：

字面式声明
New
构造函数声明
工厂方法声明
原型模式声明
混合模式声明

声明完对象，看下如何遍历对象中的属性和方法，继承等方面内容

遍历属性和方法
封装，原型，原型链
继承：原型继承，构造函数继承，call(),apply()
对象冒充

面向对象

对代码的一种抽象，对外提供统一调用接口的编程思想。

基于原型的面向对象

基于原型的面相对象中，对象（object）则是依靠构造器（constructor）利用原型（prototype）构造出来的。

JavaScript面向对象的名词解释

属性：事物的特性
方法：事物的功能
对象：事物的一个实例
原型：JavaScript函数中由prototype属性引用了一个对象，即原型对象
所有的函数都有一个prototype属性。

人和汽车：
属性：人 — 名字、身高、年龄汽车 — 长、宽、高、颜色

方法：人 — 学习、玩耍、唱歌汽车 — 拉人、载货

对象：事物的一个实例 —- 众多人中一个人

var obj = new Function("a","b","return a+b");
    var s = obj(2,5);
    alert(s);

注意如下：

只要通过new Function（）的对象，都是函数对象
其余的都是普通对象

闭包

闭包是一个拥有很多变量和绑定了这些变量的环境的表达式（通常就是一个函数）

变量作用域：
全局作用域
函数作用域（局部作用域） ```html function a(){//在函数内部套用函数
```
 var i= 0;//这边的局部变量就可以被外部读取
 function b(){//上一个函数的局部变量就变成了被包裹函数的全局变量
     alert(++i);
 }
 return b;
```
} var c = a(); c();//1 特点：函数b实在a内嵌套的，函数a需要返回函数b //用途：1、读取函数内部变量 2、让i变量得值保存在内存中

function f1(){
```
 var n = 99;//这边的var n=99就相当于下面f2函数的全局变量
 nAdd = function (){
     n=n+1;
 }
 function f2(){
     alert(n);
 }
 return f2;
```
} var rs = f1(); rs();//99 只执行了re nAdd没有执行基本可以算是跳过 nAdd(); rs();//100 — rs就是f2函数的闭包函数

<a name="YRUQi"></a>
## 闭包优缺点：
优点：有利于封装，可以访问局部变量的<br />缺点：内存占用浪费严重，内存泄漏  --  黑客攻击内存
<a name="HmYiS"></a>
## 对象声明方式
<a name="chEly"></a>
### js字面式对象声明
```html
var obj =  {
    属性名：属性值
    方法名：funcrtion(){}
};

new操作符后跟Object构造函数

var obj = new Object();
obj.属性 = 属性值;
obj.方法 = function(){}
Object是所有对象的基类，根所有的JavaScript对象都是由object延伸的。

JavaScript构造方法声明对象

function test([参数列表]){
    this.属性 = 属性值;
    this.方法 = function(){
            方法的代码；
}
}
var obj = new test(参数列表);

JavaScript的工厂方式声明对象

拓展 — 工厂模式

function createObj(name,age){
    var obj = new Object();
  obj.属性 = 属性值;
  obj.方法 = function(){}
  return obj;
}
var box1 = createObj("liski",100);
var box2 = createObj("wanger",200);

JavaScript中原型模式声明对象

function test(){}
test.prototype.属性 = 属性值;
test.prototype.方法 = function(){代码}
var obj = new test();
好处：让所有的实例化的对象都拥有它包含的属性及方法

JavaScript混合模式声明对象

混合模式：构造模式+原型模式

function test(v1,v2,v3){
        this.v1 = v1;
    this.v2 = v2
    this.v3 = v3
}
test.prototypt.方法 = function(){代码}
var obj = new test();

遍历对象及存储

//新建对象 -- ren
for(var i in ren){
//对象有的是可以当做数组处理的
    alert(i);//弹出的是属性和方法名字
    alert(ren[i]);//弹出的是属性和方法的内容
}

对象在内存中的分布（存储）

封装

封装:把对象内部的数据和操作细节进行隐藏； private — 接口一般为调用方法
1、JavaScript中没有专门封装的关键词可以使用闭包创建这种模式 — 函数内部声明的变量外部是无法访问的
2、能否被访问取决于：公有和私有内容区别 — 能否在对象外部被访问

1、这种模式有点消耗内存，一直return 创建对象；
2、其实封装的本意就是局部的属性隐藏起来；

继承

继承：
1、原型：是利用prototype添加属性和方法
2、原型链：proto(对象的内置属性) — 用于指向创建他的函数对象的原型对象prototype

构造继承

1、在子类的内部构造父类的对象实现继承

call和apply的用法

对象内置方法中的apply和call都会用于继承，区别在于传参方式不同；
1、call：调用一个对象的一个方法，以另一个对象替换当前对象
2、Apply：应用某一个对象的一个方法，以另一个对象替换当前对象

JavaScript多继承方式如下，拓展了解：

JavaScript面向对象的关键词

关键词：
Instanceof delete call apply arguments callee this

对象冒充

将父类的属性和方法一起传给子类作为特权属性和特权方法

JavaScript面向对象 闭包 封装 继承