构造函数

什么是构造函数

  构造函数是一种特殊的函数,要用来初始化对象,即为对象成员变量赋初始值,它总是和new运算符一起使用,我们可以将对象中的一些公共的属性和方法抽取出来,然后封装到这个函数里。
  在构造函数中,其属性和方法我们成为成员。并且成员可以天啊及,同时根据添加的方式不同,成员又分为:实例成员和静态成员
  静态成员:在构造函数本身上添加的成员【静态成员只能通过构造函数来访问,不能通过实例化对象访问
                                                              【JS】构造函数、原型对象
  实例成员:就是构造函数内部通过this添加的成员,uname,age,sing就是实例成员【实例成员只能通过实例化对象来访问,不可以通过构造函数类访问
                                                                 【JS】构造函数、原型对象

构造函数原型:prototype

  其作用就是共享方法。
                                                            【JS】构造函数、原型对象
【一般我们的公共属性和定义到构造函数里面,而公共方法定义在原型对象身上。】
  每一个对象都有一个属性__proto__指向构造函数的prototype原型对象,之所以我们对象可以使用构造函数prototype原型对象的属性和方法,是以为对象有__proto__的存在.

  • __proto__对象原型和原型对象prototype是等价的

  • __proto__对象原型的意义在于对象的查找机制提供了一个方向,或者说一个路线,但它是一个非标准属性,因此在开发过程中不可以使用这个属性,他只是内部指向原型对象的prototype
    方法的查找原则:

  • 首先先看本身对象是否有调用的方法,如果有直接执行这个对象上的方法,

  • 如果没有,因为有__proto__的存在,就去构造函数原型对象prototype身上去查找这个方法。

constructor构造函数

        对象的原型(__proto__)和构造函数(prototype)原型对象里面都有一个属性constructor属性,constructor我们称为构造函数,。

        如果我们修改了原来的原型对象,给原型对象赋值的是一个对象,则必须手动的利用constructor指回原来的构造函数。

              【JS】构造函数、原型对象

构造函数、实例和原型对象三者之间的关系

                       【JS】构造函数、原型对象

原型链

                                             【JS】构造函数、原型对象

    1)只要是对象既有__proto__原型,指向原型对象

    2)我们star原型对象里面的__proto原型指向的事 Object.prototype

                   【JS】构造函数、原型对象 

 

JS中成员的查找机制(规则)

        1)当访问一个对象的属性(包括方法)是,首先查找这个对象自身有没有该属性

        2)如果没有就查找他的原型(也就是__proto__指向的prototype原型对象)

        3)如果还没有就查找原型对象的原型(Object的原型对象)

        4)以此类推一直找到Object为止(null)

扩展内置对象

                         【JS】构造函数、原型对象

【JS】构造函数、原型对象

继承(call())

        在ES6之前通过构造函数+原型对象模拟实现继承,被称为组合继承

        ----->call()

            作用:调用这个函数,并且修改函数运行时的this的指向

                                     【JS】构造函数、原型对象

                      【JS】构造函数、原型对象

 

借用构造函数继承父类型属性(方法)


                          【JS】构造函数、原型对象

 

                                                         【JS】构造函数、原型对象

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-19
  • 2021-07-03
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-03-09
  • 2022-12-23
  • 2021-04-27
  • 2021-06-11
  • 2021-10-18
  • 2022-12-23
  • 2021-09-29
相关资源
相似解决方案