• 技术文章 >Web开发 >JavaScript

    js原型链继承的关系

    小妮浅浅小妮浅浅2021-11-08 13:44:45原创4479

    1、构造函数有原型对象,原型对象有指针指向结构函数,每个实例都有内部指针指向原型对象。

    2、Father通过new给Children的原型对象赋值一个实例,从而实现Children继承Father。

    实例

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    25

    26

    27

    // 父构造函数

    function Father() {

        this.name = "father"

        this.house = "cottage"

    }

    // 原型方法

    Father.prototype.alertName = function () {

        console.log(this.name)

    }

    // 创造实例

    let f = new Father()

      

    f.alertName()//father

      

    // 子构造函数

    function Children() {

        this.name = "children"

    }

    // 实现继承:子构造函数的原型对象=父构造函数的实例对象

    Children.prototype = new Father()

    // 创建子实例

    let c = new Children()

    // 儿子就继承了父亲的所有属性(大别墅),并且获得了自己的名字

      

    c.alertName()//children

      

    console.log(c.house)//cottage

    以上就是js原型链继承的关系,希望对大家有所帮助。更多js学习指路:js教程

    推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

    专题推荐:js 原型链
    上一篇:js中removeat删除节点的方法 下一篇:js原型链默认的原型

    相关文章推荐

    • js小数转为整数的函数• js中load事件如何理解• js中resize事件是什么• js中scroll事件的两种模式• js中有哪些焦点事件• js中事件捕获的实现• js中事件冒泡的使用• js变量作用域是什么• js作用域链中的对象访问顺序• js链表结构如何实现• js中如何查找链表元素• js中insert如何插入节点• js中removeat删除节点的方法

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网