JS原型对象的创建方法详解
本文实例讲述了JS原型对象的创建方法。分享给大家供大家参考,具体如下:
使用js的prototype属性的时候,创建对象的方式是存在优先级的
1、如果方法中存在构造方法就先使用方法中的构造方法
2、如果方法中不存在构造方法则继续查找prototype原型的构造方法
<html> <head> <TITLE>class_obj_js_class</TITLE> <script language=javaScript> function a(name){ //alert(name);//弹出的值是undefined //alert(null==name);//true if(null == name){ this.name = name; } } function b(name){ //alert(name);//弹出的值是undefined //false,this.name没有重新赋值,还是new创建的值prototype.name="TOm" if(null != name){ this.name = name; } } //有参构造方法 function c(name){ //alert(name);//弹出的值是undefined //如果name为true则不管后面是什么就直接返回第一个值 //如果name为false则不管后面是什么直接返回后面的值 this.name = name || "Jack";//如果name为空则赋值为后面的Jack } //无参构造方法 function d(){ } a.prototype.name = "Tom"; b.prototype.name = "Tom"; c.prototype.name = "Tom"; d.prototype.name = "Tom"; //有参构造方法 alert(new a().name); //undefined alert(new b().name);//Tom alert(new c().name);//Jack alert(new d().name);//使用无参构造方法 </script> <body > </body> </html>
备注:
1、一般我们在方法中添加“对象”的属性
2、在prototype属性后面添加方法
这样做的目的是为了提高代码的复用,可以“无限”给对象添加方法,便于拓展
注意:为了提高JS的效率,要注意再使用prototype链的时候应该尽量限定在一、二级,因为浏览器会自动去循环遍历,深度太深了之后会影响效率
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关推荐
88274956 2020-11-03
runner 2020-09-01
梦的天空 2020-08-25
移动开发与培训 2020-08-16
ReunionIsland 2020-08-16
lyqdanang 2020-08-16
MyNameIsXiaoLai 2020-07-08
星辰的笔记 2020-07-04
csstpeixun 2020-06-28
letheashura 2020-06-26
liaoxuewu 2020-06-26
sunzhihaofuture 2020-06-21
FEvivi 2020-06-16
坚持着执着 2020-06-16
waterv 2020-06-14
xiaoge00 2020-06-14
firejq 2020-06-14
firstboy0 2020-06-14
e度空间 2020-06-12
zhongweinan 2020-06-10