js 原型链继承

最新推荐文章于 2023-05-23 00:08:11 发布
置顶 最新推荐文章于 2023-05-23 00:08:11 发布
阅读量309 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： js 文章标签： js继承
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Cribug8080/article/details/94627710
本文深入探讨了JavaScript中构造函数、原型链的工作原理及如何实现继承。通过具体实例，展示了构造函数Animal如何被Dog继承，以及Dog如何重写Animal的方法。文章详细解释了所有构造函数的原型都指向Function.prototype，而所有原型最终都指向Object.prototype。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

构造函数的prototype的__proto__默认指向Object.prototype，是继承Object。

function Animal(age){
    this.age = age
}

Animal.prototype.getAge = function(){
    return this.age + ", getAge, prototype"
}

Animal.prototype.eat = function(){
    return this.age + ", eat, prototype"
}

function Dog(name, age) {
    Animal.call(this, age);
    this.name = name;
}

Dog.prototype.__proto__ = Animal.prototype;

Dog.prototype.getAge = function () {
    return this.age + ", dog, prototype"
}

let d1 = new Dog('d1', 12)
console.log(d1.getAge())
console.log(d1.eat())
console.log(Dog.prototype.constructor === d1.__proto__.constructor)

所有构造函数的原型都指向Function.prototype，因为构造函数是函数。所有原型指向继承的原型，原型是对象，所以Function.prototype的原型指向Object.prototype。

Dog继承Animal继承Object

在这里插入图片描述

【JS继承】JS继承之原型链继承
吉帅振博客
06-15 1187
1.函数 所谓 函数 也就是 函数 Personal 其本身，也叫作构造函数 ，当一个函数被创建的同时，也会为其创建一个 prototype 属性，而这个属性，就是用来指向 函数原型，的我们可以把 prototype 理解为 Personal的一个属性，保存着函数原型的引用。2.函数实例 函数实例 很好理解，就是上面代码中通过 new Personal() 得到的实例p，于此同时函数实例 p 内部会包含一个指向 函数原型的指针[[Prototype]]，因此我们通过 p 可以去调用 函数原型 上的属性和方法
js对象继承之原型链继承实例
12-12
本文实例讲述了js对象继承之原型链继承的用法。分享给大家供大家参考。具体分析如下： 代码如下:[removed] //定义猫的对象 var kitty  = {color:’yellow’,bark:function(){alert(‘喵喵’);},climb:function(){alert(‘我会爬树’)}}; //老虎对象的构造函数 function tiger(){  this.color = “yellow and black”;  this.back = function(){   alert(‘吼吼…’);  } } //给构造函数声
js中的原型链继承
qq_37558379的博客
06-24 748
这几天一直在看继承，感觉都有点怀疑人生了，看了好多的博客，自己也写了好多的代码写来写去老是出错，今天终于解决了1.首先我们需要了解几个概念    1.prototype:每一个函数都有一个prototype属性指向自己的原型对象    2._proto_：对一个对象都要一个_proto_指向父级的原型对象    3.construct:所有的原型对象都有一个construct的属相指回原型对象对应...
js原型链继承
407指导员
02-14 895
js 继承 ​ 实例是通过构造函数生成的，构造函数本省有一个原型对象，prototype指向构造函数的原型对象，原型对象的constructor又指向构造函数形成环路。 function A() {} var B = new A(); B.constructor === A // true B.constructor === A.prototype.constructor // true B.hasOwnProperty('constructor') // false ​ B是A
JS原型链继承
编码世界
06-04 346
js原型链继承
JavaScript原型链继承
weixin_52462962的博客
01-25 763
JavaScript原型链的核心思想为子类的原型对象是父类的一个实例对象。 详细做法： 1.分别定义父类和子类的构造函数 2.将子类的原型对象改为父类的一个实例对象 function p1(name) { console.log('father'); } function p2(age) { console.log('son'); } p2.prototype = new p1(); 3.将子类的原型对象的constructor属性的值改为子类的构造函数（重点） ...
javascript原型链继承用法实例分析
10-24
JavaScript原型链继承是一种利用对象原型（prototype）进行继承的方式，它是JavaScript语言的核心特性之一，为对象间的继承提供了便利。在JavaScript中，所有的对象都有一个指向其原型对象的内部链接，而这个原型...
JS继承--原型链继承和类式继承
10-27
原型链继承是JavaScript中实现继承的基本方式，它依赖于原型（`__proto__`）和构造函数之间的关系。在JavaScript中，每个对象都有一个内部属性`[[Prototype]]`，通常通过`__proto__`访问。当我们尝试访问对象的一个...
[js高手之路]从原型链开始图解继承到组合继承的产生
weixin_34258078的博客
08-27 163
于javascript原型链的层层递进查找规则，以及原型对象(prototype)的共享特性，实现继承是非常简单的事情 一、把父类的实例对象赋给子类的原型对象（prototype），可以实现继承 1 function Person(){ 2 this.userName = 'ghostwu'; 3 } 4 ...
再谈javascriptjs原型与原型链及继承相关问题
weixin_33738578的博客
09-18 194
什么是原型语言只有对象,没有类;对象继承对象,而不是类继承类。“原型对象”是核心概念。原型对象是新对象的模板，它将自身的属性共享给新对象。一个对象不但可以享有自己创建时和运行时定义的属性，而且可以享有原型对象的属性。每一个对象都有自己的原型对象，所有对象构成一个树状的层级系统。root节点的顶层对象是一个语言原生的对象，只有它没有原型对象，其他所有对象都直接或间接继承它...
JavaScript：原型、原型链、继承
snow的博客
05-23 1445
每个函数都有一个 prototype(原型)属性，这个属性是一个指针，指向一个对象， 而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法，使用原型对象的好处是可以 让所有对象实例共享它所包含的属性和方法。当你创建一个对象时，Javascript会从该对象的构造函数的原型对象中查找属性和方法。结合第四种中提及的继承方式，解决普通对象的继承问题的 Object.create 方法，我们在前面这几种继承方式的优缺点基础上进行改造，得出了寄生组合式的继承方式，这也是所有继承方式里面相对最优的继承方式。
js通过原型链实现继承
海涛高软
12-17 257
function aa(name) { this.name = name; } aa.prototype = { show() { console.log(this.name); } } function bb(name) { this.name = name; } bb.prototype = Object.create(aa.prototype); let zhi = new bb("xuhaitao"); console.log(zhi); con.
js继承之原型链继承
qq_45803050的博客
11-26 314
js继承之原型链继承 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
js之原型链与继承
vanora1111的博客
05-27 467
目录1、构造函数的prototype原型修改2、原型式继承3、借助构造函数继承4、寄生式工厂继承 （不推荐使用） 5、寄生组合式继承 (推荐)
js原型、继承
MUTOUYIHAO的专栏
03-31 962
前几天看了《再谈js面向对象编程》，当时就请教哈大神，发现文章有的地方可能会造成误导（或者说和ECMA有出入），后来自己翻一翻ECMA，总算找到“标准”的理解…… 本文适合初学者，特别是对构造函数、原型和原型链概念比较模糊的，大牛请路过，好了，让我们一步步来看看js的原型（链）到底有多神秘…… 一、函数创建过程 在了解原型链之前我们先来看看一个函数在创建过程中做了哪些事情，举一个
让我们谈谈js原型链和继承
bbb011317181的专栏
11-13 1055
原型(prototype)在js中可是担当着举足轻重的作用，原型的实现则是在原型链的基础上，理解原型链的原理后，对原型的使用会更加自如，也能体会到js语言的魅力。   本文章会涉及的内容 原型及原型对象原型链（JavaScript核心部分）类的继承instanceofconstructor   我们先用一个构造器来实现一个构造函数： function A()
JavaScript: 原型链继承(原理解析 + 代码实现 + 结构图解)
技术圈
03-22 2476
原型链是实现继承的一种基础方式，是原型搜索机制的扩展。本文以基本原理，代码实现，结构图解三种方式诠释，无论基础如何，都能通过本文对js原型链继承达到更深入的理解。
JavaScript 继承 知识点
Hfffs的博客
09-02 281
继承 1.原型链 a.案例 // 创建Animal function Animal() { this.name = 'animal'; } Animal.prototype.getAnimalName = function () { console.log(this.name + 'getAnimalName'); } // 创建Dog function Dog() { this.name = 'dog'; } // Dog继承自Animal 将Animal的实例赋值给Dog的原型对象，...
JavaScript原型链继承示例解析
资源摘要信息:"JavaScript原型链继承Demo" JavaScript原型链继承是基于原型的继承机制，是JavaScript实现面向对象编程的一种方式。在JavaScript中，所有对象都有一个内置的属性[[Prototype]]，这个属性指向其原型...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值