如何为现有JavaScript对象添加新方法？解决TypeError报错

你报错的核心原因：字面量创建的普通对象没有prototype属性。robot是用{}直接创建的单个对象实例，它本身不存在prototype，尝试给undefined赋值sayHello方法，自然会抛出TypeError。

下面是几种可行的修复方案：

方案1：直接在对象字面量中定义方法 #

如果只需要单个机器人对象，最简单的方式就是把方法直接写在对象内部：

const robot = {
    name: 'Marble',
    model: '5F',
    age: 1,
    sayHello: function(){
        return `Hello I am ${this.model}`;
    }
};

// 调用测试
console.log(robot.sayHello()); // 输出 "Hello I am 5F"

方案2：使用构造函数 + prototype #

如果需要创建多个同类型的机器人实例，用构造函数配合prototype可以让所有实例共享方法，避免重复占用内存：

// 定义构造函数
function Robot(name, model, age) {
    this.name = name;
    this.model = model;
    this.age = age;
}

// 给构造函数的prototype添加共享方法
Robot.prototype.sayHello = function(){
    return `Hello I am ${this.model}`;
};

// 创建实例
const robot = new Robot('Marble', '5F', 1);
console.log(robot.sayHello()); // 输出 "Hello I am 5F"

方案3：ES6 Class语法（推荐） #

用Class语法糖写法更直观，本质和构造函数逻辑一致，是现在主流的面向对象写法：

class Robot {
    constructor(name, model, age) {
        this.name = name;
        this.model = model;
        this.age = age;
    }

    sayHello() {
        return `Hello I am ${this.model}`;
    }
}

const robot = new Robot('Marble', '5F', 1);
console.log(robot.sayHello()); // 输出 "Hello I am 5F"

总结：只有构造函数/类才有prototype属性，用来给所有实例共享方法；普通单个对象实例没有这个属性，直接在对象内定义方法即可。

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