美文网首页
构造函数,构造函数的继承和原型链

构造函数,构造函数的继承和原型链

作者: 千杯不倒王尧 | 来源:发表于2022-04-05 15:52 被阅读0次

构造函数的首字母建议大写

关键面试题,new的作用:

1.创建了一个空对象 

2.让构造函数内部的this指向了这个对象 

3.将构造属性和方法添加给这个对象 

4.返回这个对象

例:  function Person(name, age, tel) {

      this.name = name

       this.age = age

      this.mobile = tel

    }

     let person1 = new Person('zhangsan', 18, 13111111111)

    console.log(person1)

  function createObj() {

      return {

        name: 'wangwu'

      }

    }

如果对象不return输出的值就是undefined

继承:子类获取父类的属性和方法的过程

例: function Game(name, type) {

      this.name = name

      this.type = type

    }

    function GameMap(name) {

      this.mapName = name

    }

GameMap.prototype = new Game('王者荣耀', '手游')

    GameMap.prototype.constructor = GameMap

    function Role(roleName, sex, hit) {

      this.roleName = roleName

      this.sex = sex

      this.hit = hit

    }

    Role.prototype = new Game('王者荣耀', '手游')

    Role.prototype.constructor = Role

    let role = new Role('程咬金', '男', 70)

    console.log(role)

    实例化对象可以直接使用原型上的方法或者属性

    console.log(role.roleName + '是' + role.name + '中的角色')

    一个实例化对象如果要使用他的属性或者方法首先会在自身的属性中去找,如果找不到就去他的原型上找,

    如果原型上也找不到就会去原型的原型上去找 知道找到或者undefined或者报错为止 这个查找的过程就叫原型链

    let role = new Role('程咬金', '男', 70)

相关文章

  • js基础之实现继承的几种方式

    js 实现继承的方式有: 原型链继承; 构造函数继承; 组合继承(原型链继承 + 构造函数继承)(最常用);(原型...

  • JavaScript的六种继承方式

    JavaScript的几种继承方式 原型链继承 借助构造函数继承(经典继承) 组合继承:原型链 + 借用构造函数(...

  • js面向对象的几种写法

    一、工厂模式 二、构造函数模式 三、原型模式 四、组合使用构造函数和原型模式 五、原型链继承 六、借用构造函数继承...

  • 继承方法

    构造函数/原型/实例的关系 借助构造函数实现继承 借助原型链实现继承(弥补构造函数实现继承不足) 组合方式(组合原...

  • js集成

    原始继承模式--原型链 2:借用构造函数 3:共享构造原型 4:圣杯模式原型链; 构造函数; 共享原型; 圣杯模式...

  • 继承

    传统继承(原型链) 过多的继承了没用的属性 借用构造函数 不能继承借用构造函数的原型每次构造函数都要多走一个函数 ...

  • js 集成模式 07-24

    **原始继承模式--原型链 2:借用构造函数 3:共享构造原型 4:圣杯模式**一:原型链; 二:构造函数; 三:...

  • 2018-06-01 js模拟继承

    这篇主要讲了 构造函数实现继承 原型链实现继承 构造函数+原型链实现继承(两种) 1: call() apply(...

  • JavaScript高级程序设计学习笔记之继承模式

    原型链 JavaScript的继承主要依靠原型链来实现的。我们知道,构造函数,原型,和实例之间的关系:每个构造函数...

  • ES5里面的对象和继承

    构造函数和原型链 注意:原型链上面的属性会被多个实例共享,而构造函数不会 web类继承Student类 原型链 ...

网友评论

      本文标题:构造函数,构造函数的继承和原型链

      本文链接:https://www.haomeiwen.com/subject/kigrsrtx.html