js进阶笔记--原型prototype

今天学习的内容主要是js进阶部分关于prototype的部分

主要分为以下几点

1、面向对象和面向过程

面向对象就是把东西分成几份,每一份都很详细,再把需要的东西拼到一起,组成实体。

面向过程,有点偏向于对函数方法的书写。

面向对象可能更加灵活一点,但是会占用些不必要的空间。当然不同的编程语言的需求会不一样!

2.面向对象的主要表现形式就是在js里对对象的书写的表现形式是对构造函数的构建。

js进阶笔记--原型prototype_第1张图片

上图是关于Star这个对象的构建,明星是他的实例,但是这样去写构造函数的话,如果有其他实力出现的话,会再一次产生内存去存储另一个实例的sing事件,对于有很多实例出现的情况是几位不友好的。

所以在这样的情况下,出现了prototype,可以把prototype理解为一种用来装函数方法的盒子,但是这个prototype是装载到Star这个构造函数身上的。就是可以将用法相同的方法只在同一个区块内使用不去占用其他位置。this的指向是使用方法的实例。所以可以将构造函数所搭乘的方法函数全部写进到prototype里面。

他的主要使用方法是

js进阶笔记--原型prototype_第2张图片

在prototype内部有一个属性对象名为constructor,翻译过来也就是构造函数

他的Star.prototype.constructor是指向Star本身的

就很神奇。

还有一点,在给原型追加函数很多的情况下,可能会直接给prototype写对象,比如

js进阶笔记--原型prototype_第3张图片

这样使用会直接把prototype的constructor给抹去,相当于不知道他的爸爸是谁,所以真确的使用是在prototype里再一次指出contructor

js进阶笔记--原型prototype_第4张图片

以上是今天的学习内容。

你可能感兴趣的:(原型模式,javascript,笔记)