【面向过程】

    每一个过程都会去做

【面向对象】

 思想，写程序的方法

1、什么是对象

都是独立的个体

2、什么是面向对象

咱们只关心怎么使用，不去关系他的内部是如何实现的

arr.push()

3、怎么创建一个对象

var arr=[];

arr.length  属性

arr.push()  方法

对象身上都有属性和方法

属性/变量

变量：自由的个体，没有约束

属性：依附于对象身上。

方法/函数

函数：自由的个体，没有约束

方法：依附于对象身上。

this：当前触发事件的对象(元素)

当前的方法属于谁，this就是谁

var first=[];

first.a=1;

first.show=function(){

alert(1);

}

var oDate=new Date();

var oDate1=new Date();

原材料

数组

json

事件对象

var obj=new Object();  造一个空白的对象

new的问题

new Date();

new Array();

new Function();

new JSON();

new Object();

show()

普通函数

构造函数

首字母大写 主要是和普通函数做区分

构造函数也是函数,主要是因为功能起了个名字

加new有什么特点

1、他会在函数内部自动创建一个空白对象，并且把this指向对象

2、最后他会把this（对象），自动返回出去

面向对象的特点

封装

多态

继承

原型

面向对象（ES6之前真正的面向对象）

function CreateObject(name,age){

//构造函数身上加属性

this.name=name;

this.age=age;

}

//原型身上加方法

CreateObject.prototype.showName=function(){

return this.name

}

var p1=new CreateObject('小明',13);

alert(p1.showName())

例子：

1、arr.chaAt()

2、str.trim();  //去除字符串收尾空格

reg=/^\s+|\s+$/g;

3、oDate.getCnDay()  // 返回的是 ’星期一‘

原型：

1、面向对象

2、扩展系统函数

类：在js中类就是构造函数，作用就是造对象，他就像一个模子

实例：通过new这种构造函数返回的结果，也就是造出来的对象

面向对象特性：

封装（前端不用太考虑）

把一个事物的核心抽象出来

继承 ***

在ES6之前的继承，都是通过prototype来实现的

多态（前端不用太考虑）

一个孩子继承了多个亲人的特性

面向对象中的一些小细节小问题（不常用，都在面试里出现）

typeof 检测数据类型

instanceof 检测一个物体的数据类型 检测一个东西和另一个有没血缘关系

constructor 某个东西是不是通过某个构造器造出来了

可以理解为直接的父亲

题：

第一大题

alert(typeof Date)  //function

alert(typeof Function); //function

alert(Function instanceof  Object) //true

alert(Object instanceof Function)//true

alert(Function instanceof Function)//true

alert(Object instanceof Object) //true

第二道题

alert(arr instanceof Array); //true

alert(Array instanceof Function)//true

alert(arr instanceof Function) //false

第三题

Object.prototype.a=12;

var arr=[1,2,3];

//alert(arr.a)  //12

//var a=5;

//var a=new Number(5)

//alert(a.a);

//alert(a instanceof Object);

//var str='abc';

var str=new String('abc')

//alert(str.a)

alert(str instanceof Object)

简写的基本类型，Object不认，除非new出来

包装类

第四题（this）

function show(){

alert(this)

}

//show();  //window

//new show();//object

var arr=[1,2,3];

arr.show=show;

//arr.show();//1,2,3

//new arr.show();//object

document.onclick=show;//document

//new document.onclick();//object

//setTimeout(show,100);//window

//setTimeout(arr.show,100);//window

//setTimeout(document.onclick,200); //一上来是window,点击的时候是document

//setTimeout(new document.onclick,200);//一上来object，点击的时候是document

setTimeout(new arr.show,100)//object

this是有优先级：

new -> object

定时器 -> window

事件 ->  事件对象

方法 ->  当前方法的对象

其他

面向对象写法：

1、把所有的变量放到构造函数中

2、把所有的函数放到原型上

3、始终保证this在构造身上

包一层把正确的this放进去