◎筱米加步枪◎.Blog

Happy coding

JavaScript中prototype属性的用法

筱米加步枪 posted @ 2010年10月09日 04:49 in [ 前端技术 ] with tags javascript , 2703 阅读

前段时间修改公司的一个流程设计器代码,现在有时间整理一些小结。这里要讲的是关于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>

登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter