美文网首页
web学习笔记-prototype和[[Prototype]]

web学习笔记-prototype和[[Prototype]]

作者: gerrywanggang | 来源:发表于2024-03-15 15:47 被阅读0次

    任何一个函数都可以被当做构造函数使用,只需要使用new关键字

    使用new关键字,就是当做构造函数使用,就会创建一个新的对象。

    创建新对象的过程,就是先创建一个空对象,然后把这个构造函数的prototype赋值给空对象的[[Prototype]]属性。然后执行constructor方法。注意这个constructor方法哪里来的呢?答案是这个constructor方法来自原型链。刚刚前面赋值了的[[Prototype]]属性, 也就是构造函数的prototype,这两个指向了同一个对象。这个对象里面有个constructor属性,是一个函数表达式,这个函数表达式的值就是构造函数。所以执行了constrctor方法,就相当于执行了构造函数。如果构造函数里面有this.name = name,那就会给new出来的新对象赋值。

    这个[[Prototype]]是js对象内置的一个属性,隐藏和不可见。遍历不到。但是可以使用proto来赋值。obj.proto = some object

    需要注意的是通过原型链调用的方法/函数,里面的this,还是执行了调用对象,也就是新对象。执行方法时this永远指向dot前面的对象。

    下面再来说prototyte和[[Prototype]], 这两者实际上是不同的东西,首先函数的prototype就是一个普通的属性,js内置的函数也都有这个属性。这个prototype有一个默认值,里面有一个constructor属性,这个constructor属性的值是一个函数,这个函数又是前面持有prototype的这个这个函数。

    而[[Prototype]]是任何对象的内置属性,他是原型链机制的一个属性,如果一个对象的属性和方法没有找到,那么就会沿着[[Prototype]], 一直找。

    但prototype没有这个功能,他是函数特有的一个普通属性,可以随意更改,但是如果更改了,比如把里面contructor方法移除了,那么new创建的时候,就会找不到constructor方法,仍然会继续往上找constructor方法,直到找到Object这个根对象。这个对象会有一个constrctor方法。

    注意,如果通过构造函数new了一个对象出来,这时对构造函数prototype,重新赋值,这时并不会对刚new出来的对象产生影响。因为新对象还是持有原来的对象,构造函数的prototype重新赋值,对于原来的新对象不产生影响,因为他们已经指向了两个不同的对象。但是如果不是重新赋值,而是增加属性,那么新对象的原型链也会跟着改变,因为他们指向的是同一个对象

    而对象的proto又是什么呢?这个是对[[Prototype]]这个属性的封装,就是相当于[[Prototype]]的set和get方法。

    相关文章

      网友评论

          本文标题:web学习笔记-prototype和[[Prototype]]

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