javascript 高级技巧笔记

目标

• 理解面向对象开发思想

• 掌握 JavaScript 面向对象开发相关模式

• 掌握在 JavaScript 中使用正则表达式

---

 

JavaScript 的组成

• ECMAScript - 语法规范

  • 变量、数据类型、类型转换、操作符

  • 流程控制语句：判断、循环语句

  • 数组、函数、作用域、预解析

  • 对象、属性、方法、简单类型和复杂类型的区别

  • 内置对象：Math、Date、Array，基本包装类型String、Number、Boolean

• Web APIs

  • BOM

    • onload页面加载事件，window顶级对象

    • 定时器

    • location、history

  • DOM

    • 获取页面元素，注册事件

    • 属性操作，样式操作

    • 节点属性，节点层级

    • 动态创建元素

    • 事件：注册事件的方式、事件的三个阶段、事件对象

---

面向对象与面向过程：

• 面向过程就是亲力亲为，事无巨细，面面俱到，步步紧跟，有条不紊

• 面向对象就是找一个对象，指挥得结果

• 面向对象将执行者转变成指挥者

• 面向对象不是面向过程的替代，而是面向过程的封装

面向对象的特性：

• 封装性

• 继承性

• [多态性]抽象

---

prototype对象

JavaScript 规定，每一个构造函数都有一个 prototype 属性，指向另一个对象。 这个对象的所有属性和方法，都会被构造函数的所拥有。

这也就意味着，我们可以把所有对象实例需要共享的属性和方法直接定义在 prototype 对象上。

构造函数、实例、原型三者之间的关系

​

所有函数都有 prototype 属性对象。

​

• Object.prototype

• Function.prototype

• Array.prototype

• String.prototype

• Number.prototype

• Date.prototype

• ...