JavaScript - 原型

首页 / JavaScript / JavaScript - 原型

JavaScript是一种基于原型的语言,可促进对象之间相互获取属性和特征。在这里,每个对象都包含一个原型对象。

在JavaScript中,无论何时创建一个函数,原型属性都会自动添加到该函数中。该属性是一个原型对象,其中包含构造函数属性。

语法

ClassName.prototype.methodName

每当在JavaScript中创建对象时,其相应函数就会加载到内存中。因此,在每次创建对象时都会创建该函数的新副本。

链接:https://www.learnfk.comhttps://www.learnfk.com/javascript/javascript-oops-prototype-object.html

来源:LearnFk无涯教程网

在基于原型的方法中,所有对象都共享相同的函数。因此,函数一次被加载到存储器中。

原型链

在JavaScript中,每个对象都包含一个原型对象,该原型对象从中获取属性和方法。同样,对象的原型对象可能包含一个原型对象,该原型对象也获取属性和方法,依此类推。可以将其视为原型链。

JavaScript oops Prototype Object

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="Learnfk"

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

这一章《JavaScript - 原型》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持,感谢!😊

好记忆不如烂笔头。留下你的足迹吧 :)

相关文章

深入剖析Kubernetes -〔张磊 - 〕

重学前端 -〔程劭非(winter) - 〕

MySQL 必知必会 -〔朱晓峰 - 〕

手把手带你搭建秒杀系统 -〔佘志东 - 〕

如何在其他对象数组的每个值上创建多个数组?

如何在用户点击之前循环播放视频.然后播放次要视频并在次要完成...

JS按钮功能按百分比递增大小

我们如何从数组值创建具有相同名称的 OBJ 属性?

如何使用动画更改 Next.Js Image Component src?

如何解决当前未启用对实验语法“jsx”的支持

视频推荐〔JavaScript - 35-计算年龄案例〕

更多 Javascript-oops-prototype-object 视频教程 »