JS高级之原型对象、三角关系、面向对象的三大特征

目录

开辟空间的细节

构造函数里内存浪费的问题

原型对象

__proto__

对象成员访问规则

面向对象的三大特征

 继承

原型链

---

开辟空间的细节

什么时候会开辟堆空间的总结

                有 new 就会开新的堆空间

                遇到 function 声明函数也会开辟一个新空间

                遇到 {} 或者 [] 也会开辟一个新的堆空间

                        {} 相当于 new Object

                        [] 相当于是 new Array

目的：复杂数据类型之间比较，比较的是地址

构造函数里内存浪费的问题

构造函数里如果写了方法，那意味着每次调用构造函数，都会一个新的空间放这个方法

那意味着如果创建10个对象，就浪费了10个空间，例如下方代码

            function Person (name, age) {
    
                this.name = name 
                this.age = age
                this.sayHi = function () {
    
                    console.log('大家好')
                }
            }

这时候要解决构造函数里的方法内存浪费的问题

解决办法：使用原型对象，把方法放在原型对象上即可！

        function Person(name, age) {

            this.name = name
            this.age = age
        }

        // 写在原型对象上
        Person.prototype.sayHi = function () {

            console.log('大家好')
        }

原型对象

每当使用 function 声明一个函数，就有一个与之对应的 原型对象

原型对象也是对象，所以里面也可以动态的加属性和方法

        给原型对象加的方法，那么所有通过这个构造函数实例化出来的对象都可以访问到

 

每个 原型对象 默认都有一个属性叫 constructor，它指向了自己对应的 构造函数

每个原型对象都应该有这个属性！并且要指向正确的自己的构造函数

__proto__

每个 对象 都有 __proto__ 的属性，这个属性就指向了它的原型对象

对象成员访问规则

• 对象自己有的访问自己的，对象自己没有的，就访问原型对象的

面向对象的三大特征

封装

        把代码封装到方法里（具体一点就是按用途、分类封装到一个对象里的不同方法）

继承

        一个对象拥有另外一个对象的成员

多态

        多种形态

        这个在JS里没有什么体现，因为JS是一个弱类型的语言，所以体现不了多态的优势

 继承

 生活中也有继承，代码中也有继承

例如我要创建中国人、美国人对象

        就准备两套构造函数、一套中国人、一套是美国人的

        发现他们有些行为都是一样的，所以可以抽出来，放到另外一个构造函数里

        让中国人、美国人构造函数继承这个构造函数里的内容，就可以节约代码

如何实现的呢？就是通过修改原型对象来继承

原型链

每个对象都有 __proto__ 属性，指向到自己的原型对象

原型对象也是对象，那也有 __proto__ 属性，指向原型对象的原型对象

像这样的关系像一个链条一样，就称之为原型链

原型链作用：实现继承

为什么说万物皆对象？

        因为所有复杂类型最终的原型链都会流入到 Object 的原型链