美文网首页
原型与原型链

原型与原型链

作者: lynnwy | 来源:发表于2019-04-11 00:36 被阅读0次

Object

var o = {name:"a"}
在对象中,会把一些共有属性以隐藏属性__proto__的形式链接到另一个对象,这个公有对象中存储的属性就是所有object拥有的属性,当然这个公有对象也有__proto__属性,但是它指向null。
用consolel.log可以打印出对象o中的所有属性,包括隐藏属性__proto__,它指向Object对象。

image.png
再用console.log打印出Object对象,里面的属性就是对象的共有属性,每个对象都可以调用这些属性。
image.png

Number

var n = new Number(1)
与Object不同的是,Number()是一种函数,虽然函数也是一中对象,但是它的__proto__属性不是直接指向Object的,而是先指向Number对象

image.png
打印Number,Number中也有__proto__,此时的__proto__指向的才是Object。
image.png

公式

var 对象 = new 函数()
对象.proto === 对象的构造函数.prototype
// 推论

number.__proto__ = Number.prototype


var object = new Object()
object.__proto__ = Object.prototype


var function = new Function()
function.__proto__ = Function.prototype

// 另外,所有函数都是由 Function 构造出来的,所以
Number.__proto__ = Function.prototype // 因为 Number 是函数,是 Function 的实例
Object.__proto__ = Function.prototype // 因为 Object 是函数,是 Function 的实例
Function.__proto__ == Function.prototye // 因为 Function 是函数,是 Function 的实例!


相关文章

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

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

  • 2019-01-28

    原型与原型链

  • 廖雪峰JS小记

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

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

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

  • JavaScript 面向对象第一篇

    1.原型链 ---- (实例对象与原型之间的连接 叫做原型链) 2. hasOwnproperty ----(看是...

  • 原型与原型链以及继承

    今天复习下原型与原型链的知识,以及记录新学的继承知识点。 知识点纲要 原型与原型链 es5与es6继承 什么是原型...

  • JavaScript深入理解this关键字(一)

    摘要 最近在公司需要做培训,我打算把JavaScript中的原型与原型链讲给大家。但我在梳理原型与原型链的时候发现...

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

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

  • 原型链&instanceof关键字

    1.原型链&instanceof关键字 简单说明 原型链 与 instanceof 作用原理 1.原型链 1...

  • 原型、原型链

    (什么是原型、原型链?有什么作用) JavaScirpt深入之从原型到原型链 图解 Javascript 原型链 ...

网友评论

      本文标题:原型与原型链

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