JavaScript中prototype属性的用法
筱米加步枪
posted @ 2010年10月09日 04:49
in [ 前端技术 ]
with tags
javascript
, 2969 阅读
前段时间修改公司的一个流程设计器代码，现在有时间整理一些小结。这里要讲的是关于javascript中的prototype属性的用法，有了prototype属性，才感觉javascript有点面向对象的感觉，有了继承多态的感觉。其实prototype是设计模式中的原型设计模式。看如下一段代码，接着上次的代码：
<script type="text/javascript">
<!-- 声明顶层命名空间 或者 var org = {}; -->
var org = {};
<!-- 增加子命名空间 -->
org.cst = {};
<!-- 增加子命名空间 -->
org.cst.js = {};
<!-- 在org.cst.js命名空间里增加类Util -->
org.cst.js.BaseUtil = function(){
this.className = "org.cst.js.BaseUtil";
};
org.cst.js.SubUtil = function(){
this.className ;
}
<!-- 子类引用了父类的属性值 -->
org.cst.js.SubUtil.prototype = new org.cst.js.BaseUtil();
<!-- 之类扩展了自己的方法 -->
org.cst.js.SubUtil.prototype.getClass = function(){
return this.className;
}
<!-- 使用类 -->
var util = new org.cst.js.SubUtil();
alert(util.className); <!-- 输出org.cst.js.BaseUtil -->
alert(util.getClass()); <!-- 输出org.cst.js.BaseUtil -->
</script>
评论 (0)
