面向对象
<b>干嘛的:</b> 写框架的(库,插件,引擎)
<b>前端成长线路:</b>要往更高端的领域进步
div+css布局-->js效果-->运动-->数据交互-->性能-->oop--->数据结构算法
<b>什么是OOP:</b>
d.getFullYear()/.....
$.trim()/jqObj.css/addClass()/.....
**其实一直在用,只不过不管内部实现原理,为了提高生产效率
属性: 属性就是变量,只不过属于某个对象
*** 全局变量其实是window对象身上的属性
方法: 方法就是函数,只不过属于某个对象
arr.push 是个属性,只不过push存的是函数
arr.push()可以调用
<b>关于this: </b>
定义: 当前发生事件的对象(你点到的)
强化: 当前的方法属于谁,谁用就是谁
*** 事件,本质上也是方法(由浏览器负责调用)
而show/push 由你手工调用
<b>window:</b>
全局的函数(方法)是属于window的
局部的函数(方法)“谁都不属于的”
<b>创建对象:</b>
new Object ~~ {}
<b> 工厂模式(方法):</b>
原料-->加工-->出厂
使用: 函数() == 普通函数
<b> 构造模式::</b>
无需(原料)new一个object,无需(出厂)return 了
帮你new了一个object ,并执向this
var this = new Object(); 比喻
使用:new 构造函数();
<b> new:</b>
创建了对象,把返回的对象(object),指向了this
替我们返回this(o o)
new 就干着两件事,多了没有
造成的结果:修改了this的指向(oo),修改了返回值(oo)
<b>原型:</b>
原型并不会给每个对象加东西,用的时候,先找对象要,没有再找原型
自个写的对象和系统对象都有原型
<b> 原型访问: </b>返回就是一个 o o
构造函数.prototype
Array.prototype
Date.prototype
Person.protype
构造函数(类) 对象(实例) 原型
Array arr Array.prototype
Date d Date.prototype
Person p1 Person.prototype
<b> oop写页面:</b>一般不用oop写页面,这里只不过为了熟悉oop
属性(变量)写在构造函数里
方法(函数)写在原型上(不含事件)
流程: 写构造-->写原型-->new 构造函数()
<b>call:</b>
函数.call() 函数调用
函数.call(目标) 函数里面的this别修改成了目标
函数.call(目标,12,5) --> 函数(a,b) a=12 b=5
<b>apply:</b>
函数.apply() 函数调用
函数.apply(目标) 函数里面的this别修改成了目标
函数.apply(目标,[12,5]) --> 函数(a,b) a=12 b=5
<b>继承:</b>
子承父业,父级有的东西,子级也会有
原型链:
子有,用子,没有,向父要,往上找
typeof:
判断数据类型
问题: 没法精确判断复合数据类型
instanceof:
用法: 对象 instanceof 类
判断对象是不是类的一个实例 true/false
问题: 会检测父类
constructor:
用法: 对象.constructor 返回 构造函数本身
js诡异之处:
12 instanceof Object false 基本类型不是object
new Number()/new String()... 包装类型 返回 o o
object是所有对象的根,但 也还是个函数
object 和function 是“平级”
为什么要继承:为了写框架方便,减少重复代码
继承父级什么:属性:,方法
属性: 需要调用父级构造函数
父构造.call(this,参数) 构造函数伪装
方法:
a) 子构造.prototype=父构造.prototype; 引用
问题:修改了子,影响父,
b) 循环赋值
for(var key in 父构造.prototype){
子构造.prototype[key]=父构造.prototype[key];
}
问题:instatnceof 检测父类失败
c) 子构造.prototype=new 父构造()
问题:constructor废了
解决:子构造.prototype.constructor=子构造;