Javascript中的constructor如何使用

本篇内容主要讲解“Javascript中的constructor如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Javascript中的constructor如何使用”吧!

成都创新互联公司专注于修文网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供修文营销型网站建设,修文网站制作、修文网页设计、修文网站官网定制、小程序定制开发服务,打造修文网络公司原创品牌,更为您提供修文网站排名全网营销落地服务。

说明

1、constructor 称为构造函数,因为它指回构造函数本身。

2、constructor主要用于记录该对象引用于哪个构造函数,可以使原型对象重新指向原始构造函数。

在许多情况下,我们需要手动使用constructor这一属性来恢复原来的构造函数。

实例

<script>
        function Star(uname, age) {
            this.uname = uname;
            this.age = age;
        }
        // 很多情况下,我们需要手动的利用constructor 这个属性指回 原来的构造函数
        // Star.prototype.sing = function() {
        //     console.log('我会唱歌');
        // };
        // Star.prototype.movie = function() {
        //     console.log('我会演电影');
        // }
        Star.prototype = {
            // 如果我们修改了原来的原型对象,给原型对象赋值的是一个对象,则必须手动的利用constructor指回原来的构造函数
            constructor: Star,
            sing: function() {
                console.log('我会唱歌');
            },
            movie: function() {
                console.log('我会演电影');
            }
        }
        var ldh = new Star('刘德华', 18);
        var zxy = new Star('张学友', 19);
        console.log(Star.prototype);
        console.log(ldh.__proto__);
        console.log(Star.prototype.constructor);
        console.log(ldh.__proto__.constructor);
    </script>

到此,相信大家对“Javascript中的constructor如何使用”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

新闻名称:Javascript中的constructor如何使用
转载来源:https://www.cdcxhl.com/article26/iedcjg.html

成都网站建设公司_创新互联,为您提供外贸网站建设小程序开发自适应网站品牌网站制作网页设计公司

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

小程序开发