js原型和原型链的理解是什么?

JavaScript019

js原型和原型链的理解是什么?,第1张

讲原型和原型链，如果是讲定义，那很是晦涩难懂，今天我们就通俗易懂的说说原型与原型链。还需要借助阮老师的“Javascript继承机制的设计思想”。

1，比如我们还要针对学生统计每个人的总分是多少，我们改造构造函数Person，构造函数上有个 prototype属性，这个属性就是这个构造函数的原型（显式原型），这个原型是函数特有，prototype对象默认有两个属性，constructor属性和__proto__属性。

2，constructor，这个属性包含了一个指针，指回原构造函数。通过控制台输出，我们可以看到我们实例化的对象，有个__proto__属性，这个属性就是隐式原型，这个__proto__是所有对象都有的属性。

3，由于JavaScript的一切都是对象（除undefined），又由于所有对象都有__proto__属性，__proto__又指向构造函数的prototype，当我们访问一个对象的属性时。

4，如果这个对象内部不存在这个属性，那么他就会去__proto__里找这个属性，这个__proto__又会有自己的__proto__，于是就这样 一直找下去，也就是我们平时所说的原型链的概念。原型链，说明是链式，而不是环，说明有终点，它的终点是null。

每个 JavaScript 对象内部都有一个指向其它对象的“指针”或者 “引用“， 并通过这种方式在对象之间建立了一种联系，形成了一种链式结构，我的理解这就是所谓的原型链。

function F() {} // F 是一个函数，函数也是对象，而且每个函数都有一个属性叫："prototype"

var o = new F() // F.prototype 就是 o 的原型对象

console.log(o.name)

// 输出： undefined

F.prototype.name = "foo"

console.log(o.name)

// 输出： foo

// 上面这个例子是想说明：通过 new 在对象 o 与对象 F.prototype 之间建立了联系， 这个建立联系

// 的方式有人叫 "原型继承" 。 当访问的对象属性不存在时，就会沿着原型链去查找。

javascript原型，原型链特点：原型链实现了继承。

JS中每个函数都存在有一个原型对象属性prototype。并且所有函数的默认原型都是Object的实例。每个继承父函数的子函数的对象都包含一个内部属性proto。该属性包含一个指针，指向父函数的prototype。若父函数的原型对象的_proto_属性为再上一层函数。在此过程中就形成了原型链。

原型链的作用是用来实现继承,比如我们新建一个数组,数组的方法就是从数组的原型上继承而来的。

var arr = []

arr.map === Array.prototype.map //arr.map

是从arr.__proto__上继承下来的，arr.__proto__也就是Array.prototype。

扩展资料：

1.JS中每个函数都存在有一个原型对象属性prototype。并且所有函数的默认原型都是Object的实例。

2.每个继承父函数的子函数的对象都包含一个内部属性_proto_。该属性包含一个指针，指向父函数的prototype。若父函数的原型对象的_proto_属性为再上一层函数。在此过程中就形成了原型链。

3.原型链实现了继承。原型链存在两个问题：a 包含引用类型值的原型属性会被所有实例共享。b 在创建子类型时，无法向超类型的构造函数中传递参数。

参考资料：百度百科-javascript