美文网首页
JavaScript 构造函数与原型对象、实例对象的关系

JavaScript 构造函数与原型对象、实例对象的关系

作者: 1CC4 | 来源:发表于2020-03-31 17:09 被阅读0次

一、原型对象

每一个构造函数都有一个原型对象属性,指向另一个对对象,这个对象就叫原型对象

关系:

  • 构造函数 (prototype连接) 原型对象
  • 原型对象(constructor连接)构造函数
  • 构造函数(new)实例对象
  • 实例对象(_ proto _ 连接)原型对象

二、属性搜索方法

function Person(name,age){
  this.name = name;
  this.age=age;
}
Person.prototype.sayName=function(){
  console.log('name')
}
//创建实例对象
const p1 = new Person();
p1.sayName();

如上代码,构造函数中没有sayName()方法,则实例化对象会搜索构造函数的原型对象中同名的方法

三、原生对象的原型对象

Array.prototype.方法名=function(){

}

可以构造原生对象的方法,比如:倒序

四、原型对象方法的简写

Pserson.prototype = {
  constructor : Person,  =>手动将constructor 指向构造函数,不需要去定义函数方法
  name:"张三"
}

五、改变原型指向

Student.prototype = new Person();

将构造函数Student的原型对象指向Person,这样就可以使用Person的方法和属性

相关文章

  • JavaScript 常用继承方式

    JavaScript 常用继承方式 原型链继承构造函数,原型,实例之间的关系:每个构造函数之间都有一个原型对象,原...

  • js关于继承

    Javascript是一门基于原型链的语言构造函数,原型属性与实例对象三者的关系: Person 是一个构造函数(...

  • 原型链

    构造函数、原型、实例的关系 通过构造函数创建实例 每个构造函数都有一个原型对象 原型对象到包含一个指向构造函数的指...

  • 12.如何查找构造函数和原型的属性

    构造函数.prototype 查看构造函数的原型属性实例对象.ptoto 查看实例对象的构造函数的原型实例对象...

  • js继承

    继承 构造函数 原型对象 对象实例 三者之间的关系 每个构造函数都拥有一个原型对象,构造函数.prototy...

  • 继承的几种方式

    构造函数,原型和实例的关系每个构造函数都有一个原型对象prototype,原型对象中有个constructor属性...

  • 继承

    构造函数、原型和实例的关系: 每个构造函数都有其对应的原型对象;每个原型对象都有一个构造函数指针construct...

  • JS继承的相关问题

    构造函数、原型对象和实例之间的关系? 每个构造函数都有一个 prototype 属性指向原型对象,原型对象中有一个...

  • 构造函数,实例,原型关系详解

    1.构造函数,实例,原型三者关系如下 构造函数的prototype指向其原型对象 原型对象的constructor...

  • javascirpt复习

    实例中访问构造函数原型的指针,指向的是构造函数原型,不是构造函数; 所以重写构造函数原型对象,【实例对象】访问还是...

网友评论

      本文标题:JavaScript 构造函数与原型对象、实例对象的关系

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