JavaScript的OOPS原型对象

本文概要

• 语法
• 什么是原型对象，要求是什么？
• 原型链

JavaScript是一种基于原型的语言，其促进对象获取属性，并从彼此的功能。在这里，每个对象都包含一个原型对象。

在JavaScript中，每当一个函数被创建的原型属性被自动地添加到该功能。此属性是在原型对象持有constructor属性。

语法

ClassName.prototype.methodName

什么是原型对象，要求是什么？

每当在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="srcmini"

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 srcmini
Duke William srcmini