如何为函数的方法附加子方法并覆盖原方法的控制台输出？

嘿，我来帮你搞定这个问题！你想要给函数的方法加子方法实现链式调用，同时还得屏蔽原方法里的console.log，对吧？咱们先看看原代码的问题，再一步步调整出正确的实现。

原代码的问题点 #

你原来给A.prototype.sayHay.prototype加inReverse方法是行不通的，原因有两个：

• sayHay是普通方法，调用b.sayHay('Hola')后默认返回undefined，根本没法链式调用.inReverse()
• 只有构造函数的prototype才会被实例继承，sayHay不是构造函数，它的prototype不会被用到

正确实现方案 #

我们需要修改sayHay方法，让它返回一个包含子方法的对象，同时控制原console.log的输出。这里有两种常用思路：

思路1：直接返回带子方法的对象（最直观） #

var A = function (z) { this.z = z } 

// 重写sayHay方法，返回包含子方法的对象
A.prototype.sayHay = function(message) { 
  this.message = message 
  // 注释掉原console.log，或者用条件控制是否输出
  // console.log(message)

  // 返回一个对象，包含inReverse子方法
  return {
    inReverse: () => {
      // 利用箭头函数捕获外部的this（也就是A的实例b），拿到message
      console.log(this.message.split('').reverse().join(''))
    },
    // 可选：如果需要保留原输出功能，可以加这个方法
    logOriginal: () => {
      console.log(this.message)
    }
  }
} 

var b = new A() 
b.sayHay('Hola').inReverse() 
// 现在只会打印'aloH'，完美符合预期！

思路2：用类的方式重构（更现代的写法） #

如果你的环境支持ES6+，用类来实现会更清晰：

class A {
  constructor(z) {
    this.z = z
  }

  sayHay(message) {
    this.message = message
    // 同样去掉原console.log
    return this // 返回实例本身，实现链式调用
  }

  inReverse() {
    console.log(this.message.split('').reverse().join(''))
    return this // 可选：继续支持链式调用其他方法
  }
}

const b = new A()
b.sayHay('Hola').inReverse()
// 同样只打印'aloH'

这种方式下，sayHay返回实例this，所以可以直接链式调用inReverse，结构更清晰。

额外优化：可控制原输出 #

如果有时候需要原输出，有时候不需要，可以加个参数开关：

A.prototype.sayHay = function(message, showOriginal = false) { 
  this.message = message 
  if (showOriginal) {
    console.log(message) // 按需输出原内容
  }
  return {
    inReverse: () => {
      console.log(this.message.split('').reverse().join(''))
    }
  }
} 

// 需要原输出时传true
b.sayHay('Hola', true).inReverse() 
// 会先打印'Hola'，再打印'aloH'

内容的提问来源于stack exchange，提问作者Eliseo