js中使用.prototype用法
时间: 2023-11-19 18:06:48 浏览: 43
在 JavaScript 中,使用 `.prototype` 可以向构造函数的原型对象中添加属性和方法。这些属性和方法将被所有实例对象共享。
例如,下面的代码定义了一个 `Person` 构造函数,并向它的原型对象中添加了一个 `sayHello` 方法:
```
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.sayHello = function() {
console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
};
var person1 = new Person("John", 30);
var person2 = new Person("Jane", 25);
person1.sayHello(); // Hello, my name is John and I am 30 years old.
person2.sayHello(); // Hello, my name is Jane and I am 25 years old.
```
在上面的代码中,`Person` 构造函数有两个参数 `name` 和 `age`,它们将被保存为实例对象的属性。使用 `.prototype`,我们向 `Person` 的原型对象中添加了一个 `sayHello` 方法,它可以在所有 `Person` 的实例对象中共享。当我们创建 `person1` 和 `person2` 两个实例对象时,它们都可以调用 `sayHello` 方法。
使用 `.prototype` 的好处是可以节省内存,因为所有实例对象共享相同的方法。此外,它还可以提高代码的可维护性,因为我们可以在不修改构造函数的情况下添加和修改方法。