宝哥软件园

JavaScript原型对象的原理及应用分析

编辑:宝哥软件园 来源:互联网 时间:2021-08-28

本文阐述了JavaScript原型对象的原理和应用。分享给大家参考,如下:

原型对象:

每个对象都有一个引用对象,称为原型对象。原型对象有自己的属性和方法。当A是B的原型对象时,那么B具有A中的所有属性和方法。

原型对象如何工作:

当原型对象用于定义新对象时,该对象不会立即具有原型对象的属性和方法。调用时,只有当对象内部没有属性和方法时,才会调用原型中的属性和方法。(动态分配)。

原型对象的引用:

在javascript中,每个函数定义一个原型属性来引用原型对象。

函数计算机(){ this.name=' thinkPad 500This.factory=' associationthis.price=5000this.size=17}/* *读取函数中的原型,默认为空*/for(computer . prototype中的pro){ document . write(computer . prototype,' br ');}//不继承原型对象中的var mycomputer=new computer()属性;for(pro in my computer){ document . write(pro,' : ',mycomputer[pro],' br ');} computer . prototype . interface=' VAG ';//为(computer.prototype中的pro){ document . write(pro,' : ',computer.prototype [pro],' br ')添加prototype对象的属性;}//继承原型对象中的var mycomputer=new computer()属性;for(pro in my computer){ document . write(pro,' : ',mycomputer[pro],' br ');}在这里,使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun对上述代码进行测试,得到如下运行结果:

原型对象的继承

继承是通过原型对象实现的

脚本类型='text/javascript'//定义了一个worker函数worker(){ this . name=' ';this.address=}//定义一个函数管理器(_ dept) {this。dept=_ dept}//定义继承关系管理器. prototype=new worker();//创建计划部门经理var jh=新经理(“计划”);for(pro in JH){ document . write(pro,' : ',jh[pro],' br ');}//当前的jh有效性没有改变原型对象中的值jh.name=“计划部门经理”;Jh.address='规划部';for(pro in JH){ document . write(pro,' : ',jh[pro],' br ');}//原型对象中的值尚未修改var RS=new manager(' personal ');for(pro in RS){ document . write(pro,' : ',rs[pro],' br ');}//修改原型对象中的值将反映在继承的对象中。如果继承的类不包含manager.prototype.address='成都';//覆盖后的地址值仍然是(JH的pro){ document . write(pro,' : ',JH [pro],' br ')的原始计划;}//不带地址的值是成都为(pro in RS) {document.write (pro,' : ',RS [pro],' br ');}/script在这里,使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun对上述代码进行测试,可以得到如下运行结果:

您可以通过原型对象添加和删除所有继承对象的属性,所有继承对象将统一显示。

有关JavaScript的更多信息,请查看本网站的专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》和《JavaScript数学运算用法总结》

希望本文对JavaScript编程有所帮助。

更多资讯
游戏推荐
更多+