JavaScript 原型对象

2025年4月2日 | 2 分钟阅读

JavaScript 是一种基于原型的语言，它允许对象从彼此继承属性和特性。在这里，每个对象都包含一个原型对象。

在 JavaScript 中，每当创建一个函数时，都会自动为其添加一个 prototype 属性。这个属性是一个原型对象，它包含一个 constructor 属性。

语法

原型对象的用途是什么？

在 JavaScript 中创建对象时，其对应的函数会被加载到内存中。因此，每次创建对象时都会创建一个函数的新副本。

在基于原型的这种方法中，所有对象共享同一个函数。这避免了为每个对象创建函数新副本的需求。因此，函数只加载一次到内存中。

原型链

在 JavaScript 中，每个对象都包含一个原型对象，该对象从中继承属性和方法。同样，一个对象的原型对象可能包含另一个原型对象，该对象也继承属性和方法，依此类推。这可以看作是原型链。

JavaScript 原型对象示例 1

让我们看一个为构造函数添加新方法的示例。

<script>
function Employee(firstName,lastName)
{
  this.firstName=firstName;
  this.lastName=lastName;
}

Employee.prototype.fullName=function()
  {
    return this.firstName+" "+this.lastName;
  }

var employee1=new Employee("Martin","Roy");
var employee2=new Employee("Duke", "William");
document.writeln(employee1.fullName()+"<br>");
document.writeln(employee2.fullName());
</script>

输出

Martin Roy
Duke William

示例 2

让我们看一个为构造函数添加新属性的示例。

<script>
function Employee(firstName,lastName)
{
  this.firstName=firstName;
  this.lastName=lastName;
}

Employee.prototype.company="Tpoint Tech"

var employee1=new Employee("Martin","Roy");
var employee2=new Employee("Duke", "William");
document.writeln(employee1.firstName+" "+employee1.lastName+" "+employee1.company+"<br>");
document.writeln(employee2.firstName+" "+employee2.lastName+" "+employee2.company);
</script>

输出

Martin Roy Tpoint Tech
Duke William Tpoint Tech

下一个主题JS 构造函数方法

JavaScript 原型对象

语法

原型对象的用途是什么？

原型链

JavaScript 原型对象示例 1

示例 2

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript 原型对象

语法

原型对象的用途是什么？

原型链

JavaScript 原型对象示例 1

示例 2

相关帖子

JavaScript static 方法

JavaScript 多态 (Polymorphism)

JavaScript constructor 方法

JavaScript 抽象 (Abstraction)

JavaScript 继承 (Inheritance)

JS 对象

JavaScript 封装 (Encapsulation)

JavaScript OOPS 类

JavaScript Oops 类

订阅 Tpoint Tech

联系信息

关注我们