Javascript面向对象基础

面向对象基础

建议先下载对应的代码：
https://coding.net/u/Jill/p/dankal-jill/git

1、什么是面向对象编程（01）

• 用对象的思想去写代码，就是面向对象编程
  － 过程式写法
  － 面向对象写法
• 我们一直都在使用对象
  －数组Array 时间Date

2、面向对象编程(OOP)的特点

• 抽象：抓住核心问题
• 封装：只能通过对象来访问方法
• 继承：从已有对象上继承出新的对象
• 多态：多对象的不同形态

3、对象的组成（02）

• 方法（行为、操作）——函数：过程、动态的
• 属性——变量：状态、静态的

4、创建第一个面向对象程序（03）

• 为对象添加属性和方法
  －Object对象
  －this指向
  －创建两个对象：重复代码过多

5、工厂方式(04－07)

• 面向对象中的封装函数
• 改成与系统对象类似写法
  －首字母大写
  －new关键字提取
  －this指向为新创建的对象
• 构造函数
  －用来创建对象的函数，叫做构造函数（new后面调用的函数）
• 存在的问题
  －对象的引用
  －浪费内存

6、原型-prototype（07－08）

• 概念
  －重写对象方法，让相同方法在内存中存在一份（提高性能）
• 学习原型
  － 类比：css中的class
• 通过原型改写工厂方式
  － 原则
  a、相同的属性和方法可以加载在原型上
  b、混合的编程模式
• 总结面向对象写法
  －构造函数加属性，原型加方法

<script>
    function 构造函数() { 
       对象.属性
    } 
   构造函数.原型.方法 = function(){}; 
   //使用
    var 对象1 ＝ new 构造函数(); 
   对象1.方法();
</script>

栗子（09-12）

• 面向对象的选项卡
  原则
  －先写出普通的写法，然后改成面向对象写法
  a、普通方法变型
  b、尽量不要出现函数嵌套函数
  c、 可以有全局变量
  －改成面相对象
  a、全局变量就是属性
  b、函数就是方法
  c、onload中创建对象
  d、改this指向问题
• 面向对象的拖拽
  同上
  注意event