javascript - js重写原型对象属性句子放构造函数里面和外面有不同的区别
巴扎黑
巴扎黑 2017-04-11 10:08:39
[JavaScript讨论组]
        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了。这样能懂,因为重写了原型对象,为啥第一个就不行呢,求大大帮帮忙

巴扎黑
巴扎黑

全部回复(1)
PHP中文网
稍微理解下就行了,你是把自己绕糊涂了吧。
分析一下第一段代码,首先定义了一个Per函数【Per函数中的代码并没有执行】,然后给这个Per函数的原型上加了个name属性along;执行new Per()实际上是去调用Per这个函数,那么执行Per函数中的代码【即又给原型上的name属性重新赋值为cc】
这样第二段代码的意思应该能理解了吧?
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号