美文网首页
终于真正理解js原型继承原理

终于真正理解js原型继承原理

作者: 报告老师 | 来源:发表于2018-09-14 14:24 被阅读176次

js面向对象编程中,可以用函数声明对象

以下声明两个对象,

function Student() {}

function Pepole(name, age, sex, job) {

this.name = name

this.age = age

this.sex = sex

this.job = job

this.behavior = function() {

console.log(this.name)

}

}

上面两个对象构造函数,一个是Student,是一个无任何属性的对象,另一个是Pepole

已知:

1.构造函数都有它的prototype属性,再构造函数当中,prototype是他本身的一个属性,而在其对应的实例当中,prototype是对象实例的原型对象

2.构造函数的实例都有他的construtor属性,这个属性指向的是对应的构造函数

上面的Student是什么都没有的,现在要令它继承Pepole的属性以及方法:

(1).使用protptype

将Student的prototype属性指向Pepole的实例对象,使得它的

Student.prototype=new Pepole()

这样就这样直接引用Pepole的形参了

var xiaoming = new Student()//创建实例对象

xiaoming.name = 'xiaoming'

xiaoming.behavior ()//直接调Pepole上的behavior方法

最后输出:xiaoming

说到底就是改变实例对象的构造函数

相关文章

  • 终于真正理解js原型继承原理

    js面向对象编程中,可以用函数声明对象 以下声明两个对象, function Student() {} funct...

  • 2018-01-09 关于javascript原型链的思考 pl

    s 深入理解原型和原型链? 构造函数 理解原型和原型链 new的时候js都干了什么? 一个实现继承的demo 构造...

  • js中的new操作符实现原理

    序言 这是前端进阶的文章,要想知道new的原理,必须深刻理解原型链、js继承的几种方式与及call、apply等相...

  • 2019-03-25 继承

    js中通过原型来实现继承 组合继承:原型继承+借用构造函数继承

  • 原型链的理解

    看一个实例 需要知道 要理解原型和原型链首先要知道几个概念: 在js里,继承机制是原型继承。继承的起点是 对象的原...

  • 前端8大知识体系梳理

    一:JS原理类数据类型,作用域,原型,对象,继承,异步,递归等 二:JS框架类JQuery,React,Vue,A...

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

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

  • 构造函数原型的继承方式分析

    1.通过原型链继承 综上我们可以总结出 通过原型链来实现继承的原理通过原型链来实现继承的原理原型链继承方案中,父类...

  • Javascript 继承机制

    一篇文章理解JS继承——原型链/构造函数/组合/原型式/寄生式/寄生组合/Class extendshttps:/...

  • ES5之面向对象

    1、 请简述一下js原型链 原型链是Javascript实现类的底层原理,是一种继承机制。说到继承,这起源于J...

网友评论

      本文标题:终于真正理解js原型继承原理

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