构造函数+原型模式构造js自定义对象(最通用)

 更新时间:2014年05月12日 09:53:17   作者:  
这种方式是javascript中最通用的创建对象的方式,下面用示例为大家介绍下
复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
/*
* 组合模式: 构造函数模式+原型模式
这种方式是javascript中最通用的创建对象的方式
变量类型属性:用构造函数传递
函数类型属性:用原型模式声明
*/
function Student(name,age){
this.name=name;
this.age=age;
}
Student.prototype.setName=function(name2){
this.name=name2;
};
Student.prototype.getName=function(){
return this.name;
};

var stu1=new Student("小胡",21);
alert(stu1.getName());
</script>
</head>
<body>

</body>
</html>

相关文章

  • JavaScript原型对象原理与应用分析

    JavaScript原型对象原理与应用分析

    这篇文章主要介绍了JavaScript原型对象原理与应用,结合实例形式分析了javascript原型对象的概念、原理、使用方法及相关操作注意事项,需要的朋友可以参考下
    2018-12-12
  • JavaScript操作元素实例大全

    JavaScript操作元素实例大全

    JavaScript可以对各种网页元素进行操控,下面这篇文章主要给大家介绍了关于JavaScript操作元素的相关资料,文中通过多个实例详细介绍了操作元素的方法,需要的朋友可以参考下
    2021-06-06
  • 一文带你搞懂JS中六种For循环的使用

    一文带你搞懂JS中六种For循环的使用

    for 循环是出现最早,也是应用最普遍的一个遍历,能够满足绝大多数的遍历。可以遍历 数组、对象、字符串。本文将详细为大家介绍JS中的六种For循环的使用,需要的可以参考一下
    2022-04-04
  • js封装的textarea操作方法集合(兼容很好)

    js封装的textarea操作方法集合(兼容很好)

    对应用到对textarea处理的朋友可以参考下。控制的比较不错的代码封装。
    2010-11-11
  • JS ES6中的管道运算符详解

    JS ES6中的管道运算符详解

    JavaScript 的管道是一个运算符,写作|>,它的左边是一个表达式,右边是一个函数,这篇文章主要介绍了ES6中的管道运算符,需要的朋友可以参考下
    2023-05-05
  • 利用Console来Debug的10个高级技巧汇总

    利用Console来Debug的10个高级技巧汇总

    通常,我们在编写一个新的JavaScript代码过程中经常会发生错误,可能是语法错误,可能是逻辑错误,如果没有一个调试工具帮助我们的话,相信你怕是头都要炸了。下面这篇文章主要给大家总结介绍了关于利用Console来Debug的10个高级技巧,需要的朋友可以参考下。
    2018-03-03
  • JavaScript如何一次性展示几万条数据

    JavaScript如何一次性展示几万条数据

    本文主要介绍了JavaScript一次性展示几万条数据的实现方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • webpack4 css打包压缩问题的解决

    webpack4 css打包压缩问题的解决

    本篇文章主要介绍了webpack4 css打包压缩问题的解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • uniapp几行代码解决滚动穿透问题(项目实战)

    uniapp几行代码解决滚动穿透问题(项目实战)

    这篇文章主要介绍了uniapp几行代码解决滚动穿透问题,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-01-01
  • 如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上

    如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上

    这篇文章主要介绍了如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上,需要的朋友可以参考下
    2015-12-12

最新评论