乐趣区

关于程序员:一句话理解原型和原型链

一句话了解原型和原型链

原型

  • 每个对象都有 __proto__ 属性
  • 每个函数都有 prototype 原型
  • 因为函数也是对象,所以函数都有这两个属性

原型链

  • 每个对象的 __proto__ 都指向它构造函数的原型(prototype)
  • 每个函数对象的 __proto__ 都指向Function.prototype

用一句话概括原型和原型链

每个对象都有 __proto__ 属性,该属性都指向它构造函数的原型 (prototype),每个函数都有prototype 原型,而函数也是对象,所以函数都蕴含这两个属性,且所有函数对象的 __proto__ 都指向Function.prototype

原型链:从实例对象中查找某一属性和办法的时候,如果实例对象自身就有查找的属性和办法,则应用该实例的,如果该实例对象上没有,则会沿着原型链 (实例对象的公有属性__proto__) 进行查找,直到 Object.prototype._prototype = null,如果还没查找到,则返回 undefined

每个实例对象(object)都有一个公有属性(称之为 proto)指向它的构造函数的原型对象(prototype)。该原型对象也有一个本人的原型对象(proto ),层层向上直到一个对象的原型对象为 null。依据定义,null 没有原型,并作为这个原型链中的最初一个环节。

参考继承与原型链 -mdn

代码实例阐明如下:

function Person() {};

function Child() {};

var person = new Person();

console.log(person.prototype); // undefined
// 解析:实例对象没有原型 (prototype) 属性
Person.prototype.constructor === Person; // true
// 解析:构造函数原型对象的 constructor 指向构造函数

// child 原型继承 person 类
Child.prototype = person;
// 须要从新设置 Child.prototype.constructor = Child
// Child.prototype.constructor = Child;
Child.prototype.__proto__ === Person.prototype; // true
Child.prototype.constructor === Child; // false
// 解析:此处为 false 的起因是因为后面那行 Child.prototype = person 代码重写了 Child 构造函数的原型,如需满足 Child.prototype.constructor === Child 为 true,则须要从新设置 Child.prototype.constructor = Child

var child = new Child();
child.__proto__ === Child.prototype; // true

person.__proto__ === Person.prototype; // true
Person.prototype.__proto__ === Object.prototype; // true

// 原型链
child.__proto__ === Child.prototype; // true
Child.prototype.__proto__ === Person.prototype; // true
Person.prototype.__proto__ === Object.prototype; // true
Object.prototype.__proto__ === null;

// 须要特地留神 Function 和 Object 之间的关系
Function.prototype.__proto__ === Object.prototype; // true
// 解析:Function.prototype 原型对象其实也是 Object 构造函数的一个实例对象(每个对象的__proto__都指向它构造函数的原型(prototype))
Child.__proto__ === Function.prototype; // true
Person.__proto__ === Function.prototype; // true
Object.__proto__ === Function.prototype; // true
Function.__proto__ === Function.prototype; // true
// 解析:构造函数 (函数对象) 的__proto__都指向 Function.prototype

Function.__proto__ === Object.__proto__; // true
// 解析:因为 Object.__proto__ === Function.prototype 和 Function.__proto__ === Function.prototype 都为 true,所以 Function.__proto__ === Object.__proto_也为 true,阐明它们援用地址也雷同

本文由 mdnice 多平台公布

退出移动版