美文网首页
js原型-原型链理解

js原型-原型链理解

作者: 秋秋秋web | 来源:发表于2017-05-27 15:45 被阅读27次

1、prototype

function Person(){  

};

Person.prototype.name = "apple";

var p1 = new Person();

Person函数的 prototype 属性指向了一个对象,这个对象正是调用该构造函数而创建的实例的原型

2、_proto_

每一个JavaScript对象(除了 null )都具有的一个属性,叫__proto__,这个属性会指向该对象的原型。

接着上面

p1._proto_ === Person.prototype   //true

3、constructor

每个原型都有一个 constructor 属性指向关联的构造函数

Person === Person.prototype.constructor    //true

3、原型的原型和原型链

蓝色部分是原型链

//原型链关系  

xiaohuang.__proto__ === dog.prototype 

 dog.prototype.__proto__ === animal.prototype  

animal.prototype.__proto__ === Object.prototype  

Object.prototype.__proto__ === null  

相关文章

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • 再来看一次JS继承

    原型链继承 理解原型链的概念 用一张图来理解原型链再合适不过了。 总结概括JS红宝书上对原型链的概念:每个函数都有...

  • 2018-01-09 关于javascript原型链的思考 pl

    s 深入理解原型和原型链? 构造函数 理解原型和原型链 new的时候js都干了什么? 一个实现继承的demo 构造...

  • 原型和原型链

    今天发现一张特别好的图(↑↑↑上图↑↑↑),对原型和原型链的理解特别直观友好。 原型和原型链 基础储备:每个 JS...

  • js继承完全理解

    认识原型链 要理解js的继承原来要先理解原型链,要理解原型链要先清楚下面两个结论: 任何一个构造函数(其实是任何一...

  • 前端资料

    ES6新数据类型 Symbol . js变量提升函数提升 js this js 原型及原型链理解 new做了什么 ...

  • 原型与新版的类-class

    首先来理解原型原型 === 共用属性可以先看看方姐的几篇文章:什么是JS原型链JS 中 proto 和 proto...

  • js原型链--js面向对象编程

    简单粗暴地理解js原型链--js面向对象编程 原型链理解起来有点绕了,网上资料也是很多,每次晚上睡不着的时候总喜欢...

  • js原型-原型链理解

    1、prototype function Person(){ };Person.prototype.name = ...

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

网友评论

      本文标题:js原型-原型链理解

      本文链接:https://www.haomeiwen.com/subject/ansqfxtx.html