javascript - js重写原型对象属性句子放构造函数里面和外面有不同的区别

问题描述

问 题

        function Per() {
            Per.prototype.name = 'cc';
        }
        // Per.prototype.name = 'cc';//突然发现在这里修改原型属性和在构造函数里面修改会有不同的结果
        Per.prototype = {
            constructor: Per,
            name :'along',
        };
        

        var cc = new Per();
        console.log(cc.name);//结果是cc，我明明重写了Per.原型对象了，而且是在重写之后再创建的实例为啥会这样，求大大们求救

Per是一个构造函数，我发现一个很有意思的事情，如果我把修改 Per.prototype.name 放在外面

        function Per() {
            // Per.prototype.name = 'cc';
        }
        Per.prototype.name = 'cc';
        Per.prototype = {
            constructor: Per,
            name :'along',
        };
        

        var cc = new Per();
        console.log(cc.name);//这样就是along 了，这个地方能懂

这样就是along了。这样能懂，因为重写了原型对象，为啥第一个就不行呢，求大大帮帮忙

解决方案

稍微理解下就行了，你是把自己绕糊涂了吧。
分析一下第一段代码，首先定义了一个Per函数【Per函数中的代码并没有执行】，然后给这个Per函数的原型上加了个name属性along；执行new Per()实际上是去调用Per这个函数，那么执行Per函数中的代码【即又给原型上的name属性重新赋值为cc】
这样第二段代码的意思应该能理解了吧？

这篇关于javascript - js重写原型对象属性句子放构造函数里面和外面有不同的区别的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！