JS原型对象的创建方法详解

2019-11-20 09:41:22

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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); //undefinedalert(new b().name);//Tomalert(new c().name);//Jackalert(new d().name);//使用无参构造方法</script><body ></body></html>

备注：

1、一般我们在方法中添加“对象”的属性

2、在prototype属性后面添加方法

这样做的目的是为了提高代码的复用，可以“无限”给对象添加方法，便于拓展

注意：为了提高JS的效率，要注意再使用prototype链的时候应该尽量限定在一、二级，因为浏览器会自动去循环遍历，深度太深了之后会影响效率

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇：JS中sort函数排序用法实例分析

下一篇：JS使用单链表统计英语单词出现次数