js 高级 constructor构造函数

迈不过友情╰ 2023-01-09 15:37 187阅读 0赞

对象原型（`__proto__`）和构造函数（`prototype`）原型对象里面都有一个属性 `constructor` 属性,它指回构造l类本身.

function Person(uname, age) { 
         this.uname = uname;
         this.sing = function() { 
         console.log('我会唱歌');
        }
    }
    var person1 = new Person('wang', 18);
    var person2 = new Person('wei', 18);
    person1.sing();//我会唱歌
    person2.sing();//我会唱歌

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NsYXJvamE_size_16_color_FFFFFF_t_70_pic_center]

当我们直接给`prototype`直接赋值时,要手动添加`constructor`

function Person(uname, age) { 
         this.uname = uname;
         this.sing = function() { 
         console.log('我会唱歌');
        }
    }
    // Person.prototype.sing = function() {//向prototype中追加一个变量,不需要考虑`constructor`,因为本身带有
    // console.log('我会唱歌');
    //}
    
    
    Person.prototype = { 
     // 如果我们修改了原来的原型对象,给原型对象赋值的是一个对象,则必须手动的利用constructor指回原来的构造函数
       constructor: Star, // 手动设置指回原来的构造函数
       sing: function() { 
         console.log('我会唱歌');
       }
    }
    
    var person1 = new Person('wang', 18);
    
    //两个方法的sing都是调用prototype.sing
    person1.sing();//我会唱歌
    person2.sing();//我会唱歌

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NsYXJvamE_size_16_color_FFFFFF_t_70_pic_center]: /images/20221119/d5fc764040c0449d9192a38e2313680a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，187人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 高级 constructor构造函数

对象原型（`__proto__`）和构造函数（`prototype`）原型对象里面都有一个属性 `constructor` 属性,它指回构造l类本身. functio

迈不过友情╰/ 2023年01月09日 15:37/ 0 赞/ 188 阅读

相关 js 中的构造函数，构造函数作用，构造函数和普通函数的区别

函数的定义方式： 1.声明式函数定义： function 函数名（）\{\}；这种定义方式，会将函数声明提升到该函数所在作用域的最开头，也是就无论你在这个函数的最小作用域

àì夳堔傛蜴生んèń/ 2022年11月27日 08:55/ 0 赞/ 132 阅读

相关 JAVASCRIPT(js)构造函数

<script type="text/javascript"> // 创建一个函数（未知是否是构造） function Constructo

怼烎@/ 2022年10月30日 15:26/ 0 赞/ 119 阅读

相关 copy_constructor 复制构造函数1

\include<iostream> \include<string.h> using namespace std; class name\{ public: nam

电玩女神/ 2022年10月02日 03:49/ 0 赞/ 126 阅读

相关 3-3 构造函数的调用(高级)

3-3 构造函数的调用(高级) Time Limit: 1000MS Memory Limit: 65536KB [Submit][] [Stati

港控/mmm°/ 2022年09月26日 02:35/ 0 赞/ 103 阅读

相关 3-3 构造函数的调用(高级)

3-3 构造函数的调用(高级) Time Limit: 1000ms Memory limit: 65536K 有疑问？点这里^\_^ 题目描述通过本题目的

痛定思痛。/ 2022年08月10日 08:48/ 0 赞/ 107 阅读

相关 JavaScript之构造函数 Constructor

除了创建对象，构造函数(constructor) 还做了另一件有用的事情—自动为创建的新对象设置了原型对象(prototype object) 。原型对象存放于 Constru

拼搏现实的明天。/ 2022年05月28日 01:43/ 0 赞/ 183 阅读

相关 JavaScript原型Prototypes和构造函数 Constructor

前言 `JavaScript` 不包含传统的类继承模型，而是使用 `prototypal` 原型模型。虽然这经常被当作是 `JavaScript` 的缺点被提及，其实

ゝ一纸荒年。/ 2022年05月28日 01:42/ 0 赞/ 192 阅读

相关使用js构造函数构造文档对象

function Flx(doc)\{ // this.div=document.createElement("div"); this.div.className=

小鱼儿/ 2022年01月06日 22:31/ 0 赞/ 201 阅读

相关 Java-构造方法(constructor)

Java Constructor：Java构造器，也称Java构造方法，是一种特殊的方法。用来构造该类的实例，也就是对象。 Java构造方法示例： pack

心已赠人/ 2021年09月29日 02:24/ 0 赞/ 295 阅读