js 高级 constructor构造函数

最新推荐文章于 2025-03-16 10:53:40 发布

Claroja

最新推荐文章于 2025-03-16 10:53:40 发布

阅读量999

点赞数 1

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/claroja/article/details/112973174

版权

js 专栏收录该内容

114 篇文章

订阅专栏

本文探讨了JavaScript中对象原型(__proto__)和构造函数(prototype)的使用，重点讲解了constructor属性的作用以及如何正确地修改原型对象。实例演示了原型链的工作原理，并强调了当修改原型对象时手动设置constructor的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对象原型（__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();//我会唱歌

在这里插入图片描述

当我们直接给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();//我会唱歌