美文网首页
You Don't Know JS笔记(三): 原型

You Don't Know JS笔记(三): 原型

作者: loserwang_3030 | 来源:发表于2020-01-05 09:32 被阅读0次

    1、 [ [ Prototype ] ]

    javascript中的对象有一个特殊的[ [prototype] ]内置属性,其实就是对于其他对象的引用。
    对应默认的[ [get] ]操作来说,如果无法在对象本身找到需要的属性,就会继续访问对象的[ [prototype] ]链了。

    var anotherObject = {
          a:2
    };
    //创建一个关联到anotherObject的对象
    var myObject = Object.create( anotherObject) );
    myObject.a; //2
    myObject.b ;//undefined
    

    所有普通[ [prototype[ ]链最终都会指向内置的Object.prototype,所以Object.prototype对象包含Javascript中许多通用的功能。

    2.类 vs 原型继承

    Javascript和面向类的语言不同,它并没有类来作为对象的抽象模式,Javascript只有对象。
    所有的函数都会拥有一个名为prototype的公有并且不可枚举的属性,它会指向另一个对象。

    function Foo(){
      // ...
    }
    var a = new Foo();
    Object.getPrototypeOf( a ) === Foo.prototype; //true
    

    调用·new Foo()时会创建a( 具体步骤见this绑定规则) ,其中一步就是给a一个内部的[ [Prototype] ]联解,关联到Foo.prototype所指向的那个对象)。

    在面向类的语言中,类可以被复制(或者说实例化),实例化(或者继承)一个类就意味着“把类的行为复制到物理对象中”,对于每一个新实例来说都会重复这个过程。
    但是在Javascipt中,没有类似的复制机制。你不能创建一个类的多个实例,只能创建多个对象,它们的[[prototype]]关联的是同一个类。
    Object.create(..)可以直接做到这一点。

    3、构造函数

    function Foo(){
        //...
    }
    Foo.prototype.constructodr === Foo; //true
    var a = new Foo();
    a.constructor === Foo ;  //true
    

    Foo.prototype默认有一个公有并且不可枚举的属性.constructor,这个属性引用的是对象关联的函数。通

    function Foo(){}
    function Foo2(){
          this.value = 8;
    }
    var a = new Foo2()
    Foo.prototype = a;
    var b = new Foo();
    b.constructor;  //Foo2
    Foo.prototype.constructor; //Foo2;
    

    函数不是构造函数,但是当且仅当使用new时,函数调用会变成”构造函数调用“。

    相关文章

      网友评论

          本文标题:You Don't Know JS笔记(三): 原型

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