Web前端之JS高级（3）—— OOP

1. Function
   作用域和作用域链
   闭包

2. OOP
   什么是对象: 程序中，描述现实中一个具体事物的程序结构
   为什么: 便于维护
   什么是面向对象: 程序中，都是先将多个事物的属性和功能，封装为多个对象，再按需调用对象的成员
   何时: 今后，几乎所有程序，都用面向对象方式实现的
   如何: 封装，继承，多态——三大特点
   封装：创建一个对象，集中保存一个具体事物的属性和功能
   为什么: 便于大量数据维护
   何时: 只要使用面向对象编程，都要先封装对象，再按需使用对象的成员
   如何: 3种:

   1. 用{}:
      var obj={
      属性名: 值,
      … : … ,
      方法: function(){ … this.属性名… },
      … : …
      }
      访问对象的成员: =属性+方法
      属性其实就是保存在对象中的变量
      对象.属性
      方法其实就是保存在对象中的函数
      对象.方法()
      this: 见this.wmv
      什么是: 在函数调用时,自动指向.前的对象的关键词
      为什么: 避免在对象的方法中写死对象名，形成紧耦合。
      何时: 只要对象自己的方法，想访问自己的成员时，都要加this.
      强调: 鄙视时:

      1. this和定义在哪儿无关，只和调用时.前的对象有关
      2. 全局函数调用,没有., this默认指window

   2. 用new创建: 2步:
      var obj=new Object();
      obj.属性名=值;
      … = …;
      obj.方法名=function(){ … this.属性名 …}
      揭示: js中一切对象底层，都是关联数组

   3. 访问不存在的成员，不报错，返回undefined

   4. 强行给不存在的成员赋值，不报错，而是强行赋值新成员

   5. 同样可用for in循环遍历一个对象中的所有成员

   6. 访问下标: 2种:

      1. obj[“下标”] 如果属性名需要动态获得
      2. obj.下标 如果属性名是写死的

   问题: 一次只能创建一个对象，如果反复创建多个相同结构的对象时，代码会很冗余
   解决: 用构造函数创建对象:
   3. 用构造函数反复创建多个相同结构的对象:
   什么是构造函数: 描述同一类型所有对象的统一结构的函数
   何时: 反复创建多个相同结构的对象
   如何:
   定义构造函数:
   function 类型名(形参1,形参2,…){
   this.属性名=形参1;
   this. … =形参2;
   this.方法名=function(){ … this.属性名 …}
   }
   反复调用构造函数，创建多个相同类型的对象
   var lilei=new 类型名(实参,…);
   new 4件事:
   1. 创建一个新的空对象: {}
   2. ？
   3. 用新对象调用构造函数:
   自动将构造函数中的this->new
   通过强行赋值新属性的方式，自动添加规定的属性到新对象中，并将参数值，保存到新对象的对应属性中
   4. 返回新对象的地址给变量
   构造函数优点: 重用结构
   缺点: 无法节约内存!

继承:
什么是: 父对象的成员，子对象无需重复创建就可直接使用
为什么: 重用代码，节约内存
何时: 只要在多个子对象中包含部分相同的成员时
如何:
/****** 不用你做 *******/
js中的继承都是继承原型对象(prototype)
什么是原型对象: 集中保存所有子对象共有成员的父对象
创建原型对象: 买一赠一
每创建一个构造函数，就附赠一个空的原型对象
构造函数.prototype
何时继承:
new的第2步: 让新对象自动继承构造函数的原型对象: 新对象._ proto _=构造函数.prototype