JS进阶03

编程思想

面向过程

分析解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用

面向对象

把事务分解为一个个对象，然后由对象之间分工与合作

面向对象更灵活，代码可复用，容易维护和开发，适合大型项目

特性：封装性 继承性 多态性

构造函数

封装是面向对象思想中比较重要的一部分，js面向对象可以通过构造函数实现的封装

浪费内存

构造函数的方法很好用，但存在浪费内存的问题

如上创建了两个function 实际上是一样的

如何解决上面浪费内存的问题呢？

原型

什么是原型

目标：实现方法共享
1.构造函数通过原型分配的函数是所有对象共享的
2.js规定，每一个构造函数都有一个prototype属性，指向**另一个对象，**所以我们也称为原型对象
3.这个对象可以挂载函数，对象实例化不会多次创建原型函数，节约内存

属性可以写在构造函数身上，但方法可以写在原型上


这样指向的就是同一个函数

构造函数和原型对象里面函数的this指向的都是实例对象

constructor属性

在哪里？每个原型对象都有constructor属性（constructor构造函数）
这个属性指向该原型对象的构造函数

如果如下这样写

这么写相当于赋值操作
里面本来是{constructor：f}
这样写等于赋值给那个
此时prototype以为没有constructor就找不到构造函数了，那这样不就违背了原型的设计初衷？（解决内存浪费）
所以要加上

对象原型

有这样一个问题 以构造函数来new出来的实例对象是怎么访问到原型上的属性和方法呢？目前来看是这样

但是好像实例对象和原型缺了一条线
那就是因为实例对象里面会有一个属性__proto__（对象原型）指向原型对象。


浏览器显示是括号显示，你自己写代码写的是ldh.__proto__

对象原型上也有一个constructor属性，指向创建该实例对象的构造函数

原型继承

继承是面向对象编程的另一个特征，通过继承进一步提升代码封装的程度，js中大多借助原型实现继承的特性

可以看到，woman和man的属性是一样的 ，那能不能提取出来 分别继承？

那怎么继承？
通过原型继承

这样实例化对象就能通过对象原型来访问到原型
但是要注意 上面写法是对原型的覆盖，要加上constructor属性

但是这样还会有一个问题

女人添加的方法男人也会有

为什么会这样？
因为他们继承的对象都是一样的

这样你改对象，他们指向的是同一个对象
所以这么写不合理
那怎么解决呢？

男女分别指向。
这样是可以的，就是有点麻烦。
他们结构一样，但是对象不一样，构造函数可以解决

每次new都是一个新对象

原型链（重要高频）

我们已经知道实例化的对象有个对象原型指向原型

对象原型指向的是实例化对象的构造函数的原型
其实原型上也有一个对象原型，那么这个指向什么？
指向Object的原型


Object的原型上也有一个对象原型
在往上指，就是null

规则

• 只要是对象就有对象原型
• 只要是原型对象就有constructor

访问一个对象属性：
1.先找对象自身的属性方法
2.原型的属性方法
3.原型的原型的属性方法
4.直到null

回头看array的map方法

为什么有这个方法？
其实就是在array的原型上有这个方法