js 高级 constructor构造函数

迈不过友情╰ 2023-01-09 15:37 247阅读 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 条评论，247人围观）

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

相关阅读

相关 Java--构造方法(Constructor)、重载

构造方法概述和作用 \ 给对象的数据(属性)进行初始化构造方法格式特点 \ a:方法名与类名相同(大小也要与类名一致) \ b:没有返回值类型，连void都没

妖狐艹你老母/ 2023年10月17日 10:35/ 0 赞/ 7 阅读

相关类与对象 --- 构造器（构造方法、Constructor）

作用：产生对象语法：访问修饰符类名(形参列表) \{ ...... \} 语法细节： 1、没有返回类型，连void都没有； 2、如果不写，编

墨蓝/ 2023年09月29日 08:48/ 0 赞/ 21 阅读

相关 JAVA---构造器(constructor)

构造器也称构造方法，任何一个类都必定有构造器，现在举个列子假如我们定义了属性 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVp

我不是女神ヾ/ 2023年02月22日 15:57/ 0 赞/ 10 阅读

相关 js 高级 constructor构造函数

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

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

相关 JAVASCRIPT(js)构造函数

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

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

相关 copy_constructor 复制构造函数1

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

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

相关 JavaScript之构造函数 Constructor

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

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

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

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

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

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

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

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

相关 Java-构造方法(constructor)

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

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