脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS原型对象的创建

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

 更新时间：2016年06月16日 11:12:19   作者：hbiao68  
这篇文章主要介绍了JS原型对象的创建方法,结合实例形式详细分析了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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • js实现仿百度瀑布流的方法

    js实现仿百度瀑布流的方法

    这篇文章主要介绍了js实现仿百度瀑布流的方法,以完整实例形式分析了js仿百度瀑布流的相关样式与实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • JavaScript实现函数重载的代码示例

    JavaScript实现函数重载的代码示例

    在JavaScript中并没有直接支持函数重载的机制,但是可以通过一些技巧来模拟函数重载的效果,比如使用参数判断,使用默认参数,对象参数,这些方法都可以实现类似函数重载的效果,所以本文就给大家介绍一下JavaScript如何实现函数重载,需要的朋友可以参考下
    2023-08-08
  • JS限制输入框输入的实现代码

    JS限制输入框输入的实现代码

    这篇文章主要介绍了JS限制输入框输入的实现代码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
    2018-07-07
  • Three.js中实现一个OBBHelper实例详解

    Three.js中实现一个OBBHelper实例详解

    这篇文章主要介绍了Three.js中实现一个OBBHelper,本文参考Box3Helper源码，并写出一个OBBHelper，本文结合实例代码给大家介绍的非常详细，需要的朋友可以参考下
    2023-09-09
  • js重写方法的简单实现

    js重写方法的简单实现

    下面小编就为大家带来一篇js重写方法的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 纯JavaScript实现HTML5 Canvas六种特效滤镜示例

    纯JavaScript实现HTML5 Canvas六种特效滤镜示例

    实现了六款简单常见HTML5 Canvas特效滤镜，并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js，程序源代码如下，感兴趣的朋友可以参考下哈
    2013-06-06
  • JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例

    JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例

    这篇文章主要介绍了JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法,结合完整实例形式分析了A*寻路算法的具体实现技巧,代码备有详尽的注释便于理解,需要的朋友可以参考下
    2018-12-12
  • 简介EasyUI datagrid editor combogrid搜索框的实现

    简介EasyUI datagrid editor combogrid搜索框的实现

    这篇文章主要介绍了EasyUI datagrid editor combogrid搜索框的实现，涉及到EasyUI中combogrid的使用方法的相关知识,非常具有参考价值，需要的朋友可以参考下
    2016-04-04
  • javascript处理table表格的代码

    javascript处理table表格的代码

    javascript 处理table表格的代码，学习js的朋友可以参考下。
    2010-12-12
  • 微信小程序实现简易table表格

    微信小程序实现简易table表格

    这篇文章主要为大家详细介绍了微信小程序实现简易table表格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-02-02

最新评论