JavaScript中定义对象原型的两种使用方法

 更新时间:2016年12月15日 16:12:27   作者:刚二代  
本文主要对JavaScript中定义对象原型的两种使用方法进行介绍,具有很好的参考价值,下面就跟小编一起来看下吧

第一种:

function Person()
{
this.username = new Array();
this.password = "123";
}
Person.prototype.getInfo = function()
{
alert(this.username + ", " + this.password);
}
var p = new Person();
var p2 = new Person();
p.username.push("zhangsan");
p2.username.push("lisi");
p.getInfo();
p2.getInfo();

第二种:

function Person()
{
 this.username = new Array();
 this.password = "123";
}
Person.prototype={
 getInfo:function(){
 alert(this.username + ", " + this.password);
 }
}
var p = new Person();
var p2 = new Person();
p.username.push("zhangsan");
p2.username.push("lisi");
p.getInfo();
p2.getInfo();

个人比较喜欢第二种;第二种可以的原型中可以拓展各种方法,用起来比较顺手。

例如可以写:

Person.prototype={
a方法:function(){
 do somethings...
 },
b方法:function(){
 do somethings...
 }
}

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

相关文章

  • JavaScript请求后台数据的常用方法汇总

    JavaScript请求后台数据的常用方法汇总

    这篇文章主要介绍了JavaScript请求后台数据的几种常用方式,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-06-06
  • 深入剖析JavaScript面向对象编程

    深入剖析JavaScript面向对象编程

    下面小编就为大家带来一篇深入剖析JavaScript面向对象编程。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 使用p5.js临摹动态图形

    使用p5.js临摹动态图形

    这篇文章主要为大家详细介绍了如何使用p5.js临摹动态图形,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】

    JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】

    这篇文章主要介绍了JS实现集合的交集、补集、差集、去重运算,结合实例形式分析了ES5与ES6语法环境下的集合常见运算操作技巧,需要的朋友可以参考下
    2019-02-02
  • JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法

    JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法

    这篇文章主要介绍了JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • JavaScript算法学习之冒泡排序和选择排序

    JavaScript算法学习之冒泡排序和选择排序

    这篇文章主要给大家介绍了关于JavaScript算法学习之冒泡排序和选择排序的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者使用JavaScript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-11-11
  • requestAnimationFrame用法优化源码解析

    requestAnimationFrame用法优化源码解析

    这篇文章主要介绍了requestAnimationFrame用法优化源码解读,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • 实现隔行换色效果的两种方式【实用】

    实现隔行换色效果的两种方式【实用】

    本文主要介绍了实现隔行颜色交替 鼠标经过高亮颜色的两种方式的具体实例,有助于理解和使用。方案一:纯CSS编写;方案二:js代码编写。需要的朋友可以参考下
    2016-11-11
  • javascript实现图片上传前台页面

    javascript实现图片上传前台页面

    这篇文章主要介绍使用javascript实现图片上传并在前台页面显示,代码很简单,需要的朋友可以参考下
    2015-08-08
  • JS内置对象和Math对象知识点详解

    JS内置对象和Math对象知识点详解

    在本篇文章里小编给大家分享的是关于JS内置对象和Math对象知识点详解内容,有需要的朋友们可以参考下。
    2020-04-04

最新评论