JavaScript使用prototype定义对象类型(转)[
更新时间：2006年12月22日 00:00:00 作者：
From: JavaEye.com
prototype提供了一套JavaScript面向对象基础设施，我们可以使用它来进行面向对象编程，定义对象类型方式如下：
先使用Class.create()来创建一个对象类型，然后定义该对象类型，注意initialize方法是Person的构造器，完整的HTML如下：
prototype提供了一套JavaScript面向对象基础设施，我们可以使用它来进行面向对象编程，定义对象类型方式如下：
var Person = Class.create();
Person.prototype = {
initialize : function(name, age) {
this.name = name;
this.age = age;
},
toString : function() {
document.writeln("[name]:"+this.name+"<br>"+"[age]:"+this.age);
}
}
Person.prototype = {
initialize : function(name, age) {
this.name = name;
this.age = age;
},
toString : function() {
document.writeln("[name]:"+this.name+"<br>"+"[age]:"+this.age);
}
}
先使用Class.create()来创建一个对象类型，然后定义该对象类型，注意initialize方法是Person的构造器，完整的HTML如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test Object</title>
<script type="text/javascript" src="prototype.js"></script>
</head>
<body>
<script type="text/javascript">
var Person = Class.create();
Person.prototype = {
initialize : function(name, age) {
this.name = name;
this.age = age;
},
toString : function() {
document.writeln("[name]:"+this.name+"<br>"+"[age]:"+this.age);
}
}
var person = new Person("robbin",30);
person.toString();
</script>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test Object</title>
<script type="text/javascript" src="prototype.js"></script>
</head>
<body>
<script type="text/javascript">
var Person = Class.create();
Person.prototype = {
initialize : function(name, age) {
this.name = name;
this.age = age;
},
toString : function() {
document.writeln("[name]:"+this.name+"<br>"+"[age]:"+this.age);
}
}
var person = new Person("robbin",30);
person.toString();
</script>
</body>
</html>
您可能感兴趣的文章:
- 判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
- js类定义函数时用prototype与不用的区别示例介绍
- JavaScript使用prototype定义对象类型
- JavaScript类和继承 prototype属性
- JavaScript子类用Object.getPrototypeOf去调用父类方法解析
- javascript基于prototype实现类似OOP继承的方法
- JS伪继承prototype实现方法示例
- 浅谈js构造函数的方法与原型prototype
- js实现prototype扩展的方法(字符串,日期,数组扩展)
- Javascript中prototype属性实现给内置对象添加新的方法
- JS利用prototype给类添加方法操作详解
相关文章
最近做了一个活动页面,需要自定义微信分享的标题、详情、缩略图和url,使用到了jssdk,这篇文章主要给大家介绍了关于微信公众号weixin-js-sdk使用方法的相关资料,需要的朋友可以参考下2022-12-12
本文浅析一下为什么Map（和WeakMap）在处理大量DOM节点时特别有用，文中的代码示例介绍的非常详细，感兴趣的小伙伴可以借鉴阅读2023-05-05
本文讨论了前端监控和数据统计的设计思路,包括错误监控、用户行为日志、PV/UV统计等方面,介绍了数据采集、日志上报、日志查询的流程,以及监控错误的类型和用户埋点统计的手段,同时提到了PV和UV的统计方法,需要的朋友可以参考下2024-10-10
这篇文章主要为大家详细介绍了如何使用JavaScript构建一个主题切换器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-01-01
这篇文章主要为大家详细介绍了js实现数字滚动特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
这篇文章主要为大家详细介绍了小程序实现带年月选取效果的日历，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-06-06
这篇文章主要介绍了详解JS中Array对象扩展与String对象扩展的相关资料,需要的朋友可以参考下2016-01-01
一个效果写的HashTable代码...2007-03-03
这是一篇译文，实例分析制作自定义的信息提示框的实现代码2009-01-01
相信大家都遇到过,在各种图表框架中经常会有将一段折线平滑的需求,不仅能给用户带来一种柔和的感觉,还能美化界面,让折线看起来没那么生硬,这篇文章主要给大家介绍了关于如何利用Javascript生成平滑曲线的相关资料,需要的朋友可以参考下2021-07-07
最新评论