美文网首页
原型与原型链

原型与原型链

作者: 邹沁龙 | 来源:发表于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 的构造函数。

    相关文章

      网友评论

          本文标题:原型与原型链

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