美文网首页
原型与原型链

原型与原型链

作者: 邹沁龙 | 来源:发表于2018-12-19 11:18 被阅读0次

全局对象 window

ECMAScript 规定全局对象叫做 global,但是浏览器把window 作为全局对象(浏览器先存在的)

window就是一个哈希表,有很多属性。

window 的属性就是全局变量。

这些全局变量分为两种:

  1. 一种是 ECMAScript规定的
    • global.parseInt
    • global.parseFloat
    • global.Number
    • global.String
    • global.Boolean
    • global.Object
  2. 一种是浏览器自己加的属性
    • window.alert
    • window.prompt
    • window.comfirm
    • window.console.log
    • window.console.dir
    • window.document
    • window.document.createElement
    • window.document.getElementById

所有 API 都可以在 MDN 里找到详细的资料。

全局函数

  1. Number
简单类型和对象的区别
var a1=1    //简单类型
var a2=new Number(1)    //复杂类型,object
内存图.png
  1. String,Boolean同Number

  2. Object

var o1 = {}
var o2 = new Object()
o1 和 o2 没区别
但是o1===o2     //false,因为内存的地址不一样

公用的属性(原型)

所有对象都有toStringvalueOf属性,那么我们是否有必要给每个对象一个 toStringvalueOf呢?

明显不需要。

JS 的做法是把toStringvalueOf放在一个对象里(暂且叫做公用属性组成的对象)

然后让每一个对象的 __proto__ 存储这个「公用属性组成的对象」的地址。

__proto__就是这些公有属性的引用。

Object.__proto__指向的就是对象的公有属性。

Number对象、String对象、Boolean对象,他们还有各自独有的公用属性,他们的__proto__指向的就是各自的独有属性,这些独有属性的__proto__指向对象的公有属性。

原型链


原型链.png

一些烧脑的公式

var 对象 = new 函数()
对象.__proto__ === 对象的构造函数.prototype

// 推论
var number = new Number()
number.__proto__=== Number.prototype
Number.__proto__=== Function.prototype // 因为 Number 是 Function 的实例

var object = new Object()
object.__proto__ ===Object.prototype
Object.__proto__ === Function.prototype // 因为 Object 是 Function 的实例

var function = new Function()
function.__proto__ === Function.prototype
Function.__proto__ === Function.prototye // 因为 Function 是 Function 的实例

Object.__proto__=== Function.prototype
Object.prototype.__proto__ // null,原型链到此为止

原型公式.png
其中Function,他即是函数,也是对象,所以他有函数的prorotype,也有对象的__proto__,所以出现了上图情况:
Function.prototypeFunciton.__proto__互相引用。
另外需要注意的一点:
Object.__proto__ === Function.prototype,因为 Function 是 Object 的构造函数。

相关文章

  • 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/ihudkqtx.html