当前位置：首页 > 资讯 > 技术文档

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

时间：2021-05-11 15:20 编辑：来源：阅读：
扫一扫，手机访问

摘要：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>

[b]备注：[/b] 1、一般我们在方法中添加“对象”的属性 2、在prototype属性后面添加方法这样做的目的是为了提高代码的复用，可以“无限”给对象添加方法，便于拓展注意：为了提高JS的效率，要注意再使用prototype链的时候应该尽量限定在一、二级，因为浏览器会自动去循环遍历，深度太深了之后会影响效率更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《[url=http://www.1sucai.cn/Special/502.htm]JavaScript切换特效与技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/472.htm]JavaScript查找算法技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/462.htm]JavaScript动画特效与技巧汇总[/url]》、《[url=http://www.1sucai.cn/Special/439.htm]JavaScript错误与调试技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/297.htm]JavaScript数据结构与算法技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/281.htm]JavaScript遍历算法与技巧总结[/url]》及《[url=http://www.1sucai.cn/Special/119.htm]JavaScript数学运算用法总结[/url]》希望本文所述对大家JavaScript程序设计有所帮助。

全部评论(0)

上一篇：比较不错的函数式JavaScript编程指南教程
下一篇：Bootstrap组件系列之福利篇几款好用的组件（推荐二）

资讯排行榜
更多>>