值
一个对象。
Function.prototype.prototype 的属性特性 | |
|---|---|
| 可写 | 是 |
| 可枚举 | 否 |
| 可配置 | 否 |
备注:
类的 prototype 属性是不可写的。
描述
在使用 new 运算符调用函数时,构造函数的 prototype 属性将成为新对象的原型。
function Ctor() {}
const inst = new Ctor();
console.log(Object.getPrototypeOf(inst) === Ctor.prototype); // true
关于构造函数的 prototype 属性与结果对象的原型之间的相互作用,你可以查看继承与原型链来了解更多。
一个具有 prototype 属性的函数也并不代表其有资格作为构造函数。例如,function* 拥有 prototype 属性,但它不能通过 new 运算符来调用。
async function* asyncGeneratorFunction() {}
function* generatorFunction() {}
反之,生成器函数通常在它们不被 new 运算符调用的时候被用到它们的 prototype 属性。 prototype 属性会作为返回的 Generator 对象的原型。
另外,一些函数也可能在通过 new 运算符调用的情况下无条件抛出,即便它们可能具有 prototype。例如,Symbol() 和 BigInt() 函数会在它们通过 new 运算符来调用时抛出,因为 Symbol.prototype and BigInt.prototype 只是用来为原始值提供方法的,这时不应该直接构建包装器对象。
下列的函数不具有 prototype 属性,因此不能成为构造函数,即便后续手动赋予了 prototype 属性:
const method = { foo() {} }.foo;
const arrowFunction = () => {};
async function asyncFunction() {}
下列则可以成为合法的构造函数,因为它们具有 prototype:
class Class {}
function fn() {}
绑定函数不具有 prototype 属性,但是可能是可构造的。当它被构造的时候,目标函数将会被构造,如果目标函数是可构造的,将会返回一个普通的实例。
const boundFunction = function () {}.bind(null);
默认情况下,函数的 prototype 是一个普通的对象。这个对象具有一个属性:constructor。它是对这个函数本身的一个引用。 constructor 属性是可编辑、可配置但不可枚举的。
如果函数的 prototype 被赋予了 Object 以外的值,则当它被 new 运算符调用时,返回对象的原型将会指向 Object.prototype。(换句话说,new 运算符会忽略它的 prototype 属性并构造一个普通对象。)
function Ctor() {}
Ctor.prototype = 3;
console.log(Object.getPrototypeOf(new Ctor()) === Object.prototype); // true
示例
>通过修改原型的属性来修改所有实例的原型
function Ctor() {}
const p1 = new Ctor();
const p2 = new Ctor();
Ctor.prototype.prop = 1;
console.log(p1.prop); // 1
console.log(p2.prop); // 1
将非函数属性添加到类的原型中
公有类字段会为每一个实例都添加属性。类方法可以在原型中定义函数属性。但是,无法将非函数属性添加到原型中。假如你希望在所有实例之间共享静态数据(例如,Error.prototype.name 在所有 Error 类的实例中都是相同的),那么你可以在类的原型中进行手动添加。
class Dog {
constructor(name) {
this.name = name;
}
}
Dog.prototype.species = "dog";
console.log(new Dog("Jack").species); // "dog"
使用静态初始化块可以让这个操作更符合直觉。这些块会在类初始化的时候进行调用。
class Dog {
static {
Dog.prototype.species = "dog";
}
constructor(name) {
this.name = name;
}
}
console.log(new Dog("Jack").species); // "dog"
规范
| Specification |
|---|
| ECMAScript® 2026 Language Specification> # sec-function-instances-prototype> |