美文网首页
JS中的原型与原型链

JS中的原型与原型链

作者: 丶stan | 来源:发表于2019-07-10 11:14 被阅读0次

JavaScript中所有的对象都有它自己的构造函数。例如:

var number = new Number();
 var string =new String();
var boolean = new Boolean();
var fun = new Function();
var obj = new Object();

我们知道一个number类型的变量也可以调用对象的toString方法,就是因为虽然number本身不具有tostring方法.但是number有一个proto属性,这个属性包含了对象的toString方法。所有实际上number调用toString方法时是对number.proto.toString()的调用。这个proto就是对象对于其共有属性的引用,同时在其构造函数上也存在一个prototype属性也指向该对象的共有属性。

所以我们可以得出一个推论: 对象.proto === 对象的构造函数.prototype。那么:

var number = new Number();
number._proto_ === Number.prototype;
 var string =new String();
string._proto_ === String.prototype;
var boolean = new Boolean();
boolean._proto_ === Boolean.prototype;
var fun = new Function();
fun._proto_ = Function.prototype;
var obj = new Object();
obj._proto_ = Object.prototype;

然而我们知道构造函数本身也是对象,所有我们是不是可以推轮得出:

Number.prototype._proto_ === Object.prototype;
String.prototype._proto_ === Object.prototype;
Boolean.prototype._proto_ === Object.prototype;

另外,由于所有的函数都是由Function构造出来的。所有

Number._proto_ === Function.prototype;
Object._proto_ === Function.prototype;
Function._proto_ === Function.prototype;

这样一来,就形成了一种链式的数据结构,我们就叫这种为原型链。

另外:

Object.prototype._proto_  === null;

相关文章

  • 廖雪峰JS小记

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

  • Javascript(三)之原型继承理解

    进阶路线 3 原型继承 3.1 优秀文章 最详尽的 JS 原型与原型链终极详解 一 最详尽的 JS 原型与原型链终...

  • javascript中的原型链与继承

    javascript中的原型链与继承javascipt中的原型链和继承机制是这门语言所特有的,但js中的原型机制也...

  • JS闭包问题(一)

    之前我写过一篇JavaScript原型与原型链的文章,此属于JS中的重难点。 而闭包,是JS中除了原型链之外又一个...

  • JS原型链

    1什么是JS原型链? 通过__proto__属性将对象与原型对象进行连接. 1.1 JS原型链的作用? 组成的一个...

  • js_继承及原型链等(四)

    js_继承及原型链等(三) 1. 继承 依赖于原型链来完成的继承 发生在对象与对象之间 原型链,如下: ==原型链...

  • web前端面试之js继承与原型链(码动未来)

    web前端面试之js继承与原型链(码动未来) 3.2.1、JavaScript原型,原型链 ? 有什么特点? 每个...

  • 2022前端高频面试题

    JS相关 1.原型和原型链是什么 原型和原型链都是来源于对象而服务于对象的概念js中引用类型都是对象,对象就是属性...

  • JS的__proto__和prototype

    最近在回顾JS的原型和原型链的知识,熟悉JS的同学都知道JS的继承是靠原型链实现的,那跟原型链相关的属性__pro...

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

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

网友评论

      本文标题:JS中的原型与原型链

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