一段代码两张图，帮你理解 JS 中的原型链继承

创建一个 Animal 类，Dog 类继承与 Animal 类，同时实例化一个 Dog 类为 dog，查看其显式原型与隐式原型之间的关系：

class Animal {
  constructor(name) {
    this.name = name
  }
  eat() {
    console.log("吃东西");
  }
}

class Dog extends Animal {
  constructor(name) {
    super(name)
  }
  brak() {
    console.log("wang!");
  }
}

var dog = new Dog("huahua")
dog.eat() // 吃东西
dog.brak() // wang!


console.log(dog.__proto__); // Dog {}
console.log(Dog); // [Function: Dog]
console.log(Dog.prototype); // Dog {}
console.log(Dog.prototype.__proto__); // Animal {}
console.log(Dog.__proto__); // [Function: Animal]
console.log(Dog.__proto__.prototype); // Animal {}
console.log(Dog.__proto__.__proto__); // [Function]
console.log(Animal.prototype.__proto__); // {}

将以上的显式原型（prototype）与隐式原型（__proto__）转换为如下的可视关系：

原型链.png

网上流行的一张图：

本文链接：https://blog.csdn.net/u012925833/article/details/102802099

智能推荐

js原型链的理解

文章内容仅为个人的学习总结，如有内容侵权请私聊我。入门js的时候就被这个概念的弄的糊里糊涂的，弄懂了以后就豁然开朗了。首先，我们需要了解的是这个原型链我们都用来干嘛的呢？于是，就与面向对象编程的思想挂钩了。在java编程中我们很容易理解类中的继承等概念。举个例子就是vehicle类的实例对象bus，这一个关系在java中我们可以很简单的实现，就是编写一个vehicle类，然后new出一个实例对...

js 原型链的理解

关于js原型链就是原型上面的原型串在一起跟作用域链有点类似 1、prototype，原型，那什么是原型呢？你可以这样理解：每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型"继承"属性。（在js中有这么一个概念：万物皆对象。请大家记住这个概念，在es6中体现的尤为明显） 2、proto，这是每...

js原型链的理解

原型链什么是原型链每个对象都可以有一个原型_proto_，这个原型还可以有它自己的原型，以此类推，形成一个原型链。查找特定属性的时候，我们先去这个对象里去找，如果没有的话就去它的原型对象里面去，如果还是没有的话再去向原型对象的原型对象里去寻找… 这个操作被委托在整个原型链上，这个就是我们说的原型链了接下来看一张图就会清晰一点一、prototype 在JavaScript中，每...

Linux内核之进程调度3:进程调度

1. 吞吐率和响应吞吐：单位时间内做的有用功；响应：低延迟。吞吐追求的整个系统CPU做有用功，响应追求的是某个特定任务的延迟低； 1GHZ的CPU切换线程保存恢复现场约几个微妙级别，看似消耗不了太多时间，但是由于系统的局部性原理，会保存当前线程数据的缓存，切换线程会打乱局部性引起cache miss，而CPU访问cache速度远大于内存访问，这样综合看来上下文切换花销还是很大的。无用功占用较...

restful+ci框架实践

restful架构：是就是目前最流行的一种互联网软件架构。它结构清晰、符合标准、易于理解、扩展方便，所以正得到越来越多网站的采用。具体理论请看我上一篇写的restful理论。本篇主要记录下关于restful的实践。 restful实践：工具：这次在ci框架+restful 主要文件：在控制器中添加控制器类：Restful.php。在头部包含REST_Controller.php文件并继承...

一段代码两张图，帮你理解 JS 中的原型链继承

智能推荐

猜你喜欢