JSOOP 构造函数动态创建对象

最新推荐文章于 2025-10-10 14:17:16 发布

原创最新推荐文章于 2025-10-10 14:17:16 发布 · 222 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JS #JSOOP #构造函数 #Object.create()

JavaScript 同时被 2 个专栏收录

152 篇文章

订阅专栏

日常积累

35 篇文章

订阅专栏

本文详细探讨了JavaScript中原型链的工作原理，通过具体实例展示了如何创建对象和继承，重点讲解了构造函数、原型对象和原型链的关系，以及如何正确设置构造函数以避免原型链断裂。

function Shape() {

}
Shape.prototype.duplicate = function() {
  console.log('duplicate')
}
function Circle(radius) {
  this.radius = radius
}

// Circle.prototype = Object.create(Shape.prototype)
Circle.prototype.draw = function() {
  console.log('draw')
}
const s = new Shape()
const c = new Circle(1)

function Shape() {

}
Shape.prototype.duplicate = function() {
  console.log('duplicate')
}
function Circle(radius) {
  this.radius = radius
}

Circle.prototype = Object.create(Shape.prototype)
Circle.prototype.draw = function() {
  console.log('draw')
}
const s = new Shape()
const c = new Circle(1)

重设原型的时候最好也重设构造器函数

function Shape() {

}
Shape.prototype.duplicate = function() {
  console.log('duplicate')
}
function Circle(radius) {
  this.radius = radius
}

Circle.prototype = Object.create(Shape.prototype)
Circle.prototype.constructor = Circle
Circle.prototype.draw = function() {
  console.log('draw')
}
const s = new Shape()
const c = new Circle(1)