web前端：JS高级---复习

作者:jane_panyiyun 更新于： 2020-03-25 20:47:18

　　"面向过程"(ProcedureOriented)是一种以过程为中心的编程思想。这些都是以什么正在发生为主要目标进行编程，不同于面向对象的是谁在受影响。与面向对象明显的不同就是封装、继承、类。

　　复习

　　面向过程和面向对象都是编程的思想,方式不一样

　　面向过程:凡事都是亲力亲为,所有的代码都要自己写,每一步都要很清楚,注重的是过程

　　面向对象:执行者成为指挥者,只要找对象,然后让对象做相关的事情,注重的是结果

　　面向对象的特性:封装,继承,多态

　　封装；就是代码的封装,把一些特征和行为封装在对象中

　　面向对象的编程思想:根据需求,抽象出相关的对象,总结对象的特征和行为,把特征变成属性，行为变成方法,然后定义(js)构造函数,实例化对象,通过对象调用属性和方法,完成相应的需求.---编程的思想

　　对象:具体特指的某个事物,有特征(属性)和行为(方法)，对象可以看成是一坨无序属性的集合

　　如何创建对象?

　　通过调用newObject(),还有{},自定义构造函数

　　创建对象的方式

　　1.调用系统Object()----->创建出来的对象都是Object类型的,不能很明确的指出这个对象是属于什么类型

　　2.字面量的方式{}----->只能创建一个对象(一次只能创建一个)

　　3.工厂模式创建对象----->----->推论---->自定义构造函数的方式

　　自定义构造函数(优化后的工厂模式)

　　自定义构造函数创建对象:4件事

　　1.在内存中申请一块空闲的空间,存储创建的对象

　　2.this就是当前实例化的对象

　　3.设置对象中的属性和方法(为对象添加属性和方法,为属性和方法赋值)

　　4.把创建后的对象返回

　　都是需要通过new的方式

　　什么是原型?

　　构造函数中有一个属性prototype,是原型,程序员使用的

　　实例对象中有一个属性__proto__,是原型,浏览器使用的,不是很标准的,

　　实例对象中的__proto__指向的就是该实例对象中的构造函数中的prototype

　　构造函数中的prototype里面的属性或者方法,可以直接通过实例对象调用

　　正常的写法:实例对象.__proto__才能访问到构造函数中的prototype中的属性或者方法

　　per.__proto__.eat();//__proto__不是标准的属性

　　per.eat();

　　原型就是属性,而这个属性也是一个对象

　　Person.prototype--->是属性

　　Person.prototype.属性或者Person.ptototype.方法()

　　本身在构造函数中定义的属性和方法,当实例化对象的时候,实例对象中的属性和方法都是在自己的空间中存在的,如果是多个对象。

　　这些属性和方法都会在单独的空间中存在,浪费内存空间,所以,为了数据共享,把想要节省空间的属性或者方法写在原型对象中,达到了数据共享，实现了节点内存空间

　　原型的作用之一:数据共享,节省内存空间

　　原型的写法:

　　构造函数.prototype.属性=值

　　构造函数.prototype.方法=值---->函数.prototype,函数也是对象,所以,里面也有__proto__

　　实例对象.prototype-------->实例对象中没有这个属性,只有__proto__(暂时的)

　　简单的原型的写法

　　缺陷:--->新的知识点---->原型直接指向{}---->就是一个对象,没有构造器

　　构造函数.prototype={

　　切记:如果这这种写法,要把构造器加上

　　};

　　通过原型为内置对象添加原型的属性或者方法----->原因:

　　系统的内置对象的属性和方法可能不满足现在需求,所以,可以通过原型的方式加入属性或者方法,为了方便开发

　　为内置对象的原型中添加属性和方法,那么这个内置对象的实例对象就可以直接使用了

　　String.prototype.方法=匿名函数;

　　varstr="哈哈";

　　str.方法();---->实例对象可以直接调用原型中的属性或者方法

　　"面向过程"就是汽车启动是一个事件，汽车到站是另一个事件。在编程序的时候我们关心的是某一个事件。而不是汽车本身。我们分别对启动和到站编写程序。类似的还有修理等等。