JavaScript关于原型链的总结

JavaScript关于原型链的总结

一、原型属性

1. 函数的prototype属性

• 每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: 原型对象)
• 原型对象中有一个属性constructor, 它指向函数对象

---

2. 给原型对象添加属性(一般都是方法)

• 作用: 函数的所有实例对象自动拥有原型中的属性(方法)

当在创建每一个函数时，解析器会向函数添加一个属性prototype（这就是所谓的原型对象）

---

3. 显示原型与隐式原型

函数=>构造函数

对象=>实例对象

1）每个函数function都有一个prototype，即显式原型

Fn.prototype

2）每个实例对象都有一个__proto__，可称为隐式原型

let fn =new Fn()
fn.__proto__

3）对象的隐式原型的值对应构造函数的显式原型的值

fn.__proto__ = Fn.prototype
fn.__proto__ === Fn.prototype

4）在定义函数的时候，会自动添加一个prototype属性，默认值是一个空Object对象

function Fn() {
   }
this.prototype = {
   }

5）当创建实例对象的时候，会自动添加__proto__属性，默认值是=>prototype属性值

function Fn() {
   }
// 创建一个实例对象
var fn = new Fn()
fn.__proto__ = Fn.prototype	// 默认值是=> prototype的值

6）程序员能直接操作显式原型, 但不能直接操作隐式原型(ES6之前)

	// 定义构造函数
	function Fn() {
   
    // 内部语句：this.prototype = {}
	}
  var fn = new Fn()	// 内部语句：fn.__proto__ = Fn.prototype
	// 给prototype添加test方法
  Fn.prototype.test =