修改构造函数的原型,会对实例有什么影响?

    xiaoxiao2021-03-25  102

    修改构造函数的原型之前new的实例和之后new的实例,影响是不同的。


    1,正常情况。

    //1 function Foo() {} var foo = new Foo(); Foo.prototype.flag = 123;//和上一句交换位置也可以,因为操作的是同一块内存。 console.dir(foo);//Foo console.log(foo instanceof Foo);//true console.log(foo.__proto__ === Foo.prototype);//true

    2,先改变原型指向,再new实例。

    function Foo() {} function fn() {} var f = new fn(); //先改变原型指向 Foo.prototype = f; //再new实例 var foo = new Foo(); console.dir(foo);//Foo console.log(foo.__proto__ === f);//true console.log(Foo.prototype === f);//true console.log(foo instanceof Foo);//true console.log(foo.__proto__ === Foo.prototype);//true

    3,先new实例,再改变构造函数的原型。

    function Foo() {} Foo.prototype.flag = 123; function fn() {} //先new实例 var foo = new Foo(); var f = new fn(); //先再改变原型指向 Foo.prototype = f; console.dir(foo);//Foo console.log(foo.__proto__ === f);//false foo的原型链不会因为构造函数原型的变化而变化。 console.log(Foo.prototype === f);//true console.log(foo instanceof Foo);//false console.log(foo.__proto__ === Foo.prototype);//false

    参考图解:


    结论:

    1,实例产生之后再修改构造函数的原型,那么对实例中的数据是没有影响的,但是会影响instanceof的判断

    2,Function.prototype既可以指构造函数的属性,也可以指具体的内存对象。

    3,修改构造函数的原型的时候,其实是指修改构造函数的属性,即改了内存指向,而原来的内存对象仍存在,可以从foo在构造函数改变原型指向后仍有flag属性证明。

    4,instanceof是在原型链上查找,看是否能查找到构造函数的原型,即判断实例的__proto属性和构造函数的prototype属性是否相等。


    以上内容仅作为个人学习记录使用。

    转载请注明原文地址: https://ju.6miu.com/read-25664.html

    最新回复(0)