JavaScript prototype实现静态方法(原型继承)

最新推荐文章于 2023-01-09 08:00:43 发布

cellinlab

最新推荐文章于 2023-01-09 08:00:43 发布

阅读量621

点赞数

分类专栏： JavaScript 前端基础文章标签： JS 原型链 JS静态方法原型继承 JavaScript

本文链接：https://blog.youkuaiyun.com/funkstill/article/details/103881667

版权

前端基础同时被 2 个专栏收录

167 篇文章

订阅专栏

JavaScript

152 篇文章

订阅专栏

本文探讨了JavaScript中的原型继承，详细介绍了如何修改原型方法、如何在原型方法中调用实例方法以及实例方法如何调用原型方法。同时，还讨论了如何枚举原型方法和实例方法，为理解JS静态方法和原型链提供了深入理解。

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

原型继承

function Circle (radius) {
  // instance members
  this.radius = radius
}

// Prototype members
Circle.prototype.draw = function() {
  console.log('draw')
}

const c1 = new Circle(1)
const c2 = new Circle(2)

修改原型方法

function Circle (radius) {
  // instance members
  this.radius = radius
}

// Prototype members
Circle.prototype.draw = function() {
  console.log('draw')
}
Circle.prototype.toString = function() {
  console.log(`radius is ${this.radius}`)
}
const c1 = new Circle(1)
const c2 = new Circle(2)

原型方法调用实例方法

function Circle (radius) {
  // instance members
  this.radius = radius
  this.move = function() {
    console.log('move')
  }
}

// Prototype members
Circle.prototype.draw = function() {
  this.move()
  console.log('draw')
}
Circle.prototype.toString = function() {
  console.log(`radius is ${this.radius}`)
}
const c1 = new Circle(1)
const c2 = new Circle(2)

实例方法调用原型方法

function Circle (radius) {
  // instance members
  this.radius = radius
  this.move = function() {
    this.draw()
    console.log('move')
  }
}

// Prototype members
Circle.prototype.draw = function() {
  console.log('draw')
}
Circle.prototype.toString = function() {
  console.log(`radius is ${this.radius}`)
}
const c1 = new Circle(1)
const c2 = new Circle(2)

枚举原型方法和实例方法

function Circle (radius) {
  // instance members
  this.radius = radius
  this.move = function() {
    console.log('move')
  }
}

// Prototype members
Circle.prototype.draw = function() {
  console.log('draw')
}
Circle.prototype.toString = function() {
  console.log(`radius is ${this.radius}`)
}
const c1 = new Circle(1)
// instance members
console.log(Object.keys(c1))
// All members
for (const key in c1) {
  console.log(key)
}
// Prototype members
for (const key in c1) {
  if (c1.hasOwnProperty(key)) {
    console.log(key)
  }
}