prototype和proto的constructor指向错误

女爷i 2023-07-14 10:49 9阅读 0赞

**prototype**和\_\_proto\_\_都有一个**constructor**属性，且指向**原来的构造函数**。那什么情况下会出现prototype和\_\_proto\_\_的constructor**指向错误**呢？上代码上图！

--------------------

## js代码： ##

--------------------

--------------------

## 结果图： ##

--------------------

![在这里插入图片描述][20200314151603312.png]  
由图可以知**prototype**和\_\_proto\_\_的**constructor**属性指向**错误**并没有指向**原来的构造函数Stu**，为什么呢？  
这是因为

Stu.prototype={ 
        dance:function () { 
            console.log('你好，我跳舞');
        },
        sing:function () { 
        console.log('你好，我没有在唱歌');
        }
    };

上图中，把一个**对象赋值给了Stu.prototype**，所以**prototype**和\_\_proto\_\_的指向就是**这个对象**了，那么怎么让它指回原来的构造函数呢？  
只需要

Stu.prototype={ 
        constructor:Stu,
        dance:function () { 
            console.log('你好，我跳舞');
        },
        sing:function () { 
        console.log('你好，我没有在唱歌');
        }
    };

即可

--------------------

## 效果图： ##

--------------------

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTk2OTc3Nw_size_16_color_FFFFFF_t_70]  
大功告成！  
本文只用于个人学习和记录

[20200314151603312.png]: /images/20230529/92ce02286a7247fd8adaebf71293f00a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTk2OTc3Nw_size_16_color_FFFFFF_t_70]: /images/20230529/cb225add9c9a47f883df92899081f02d.png