js学习-类

JavaScript构造函数与原型

转载于 2013-03-31 20:14:00 发布 · 49 阅读

文章标签：

#javascript #ViewUI

本文介绍了JavaScript中构造函数的使用方法及其与原型的关系。通过具体的示例代码展示了如何定义构造函数、为构造函数添加成员方法以及如何使用原型来实现方法共享。此外，还涉及了静态方法的概念。

<script type="text/javascript">
            function Base(){
            //构造函数 类
            }
            //累成员
            Base.prototype.init=function(){
                alert('Base hello');
            }
            //实例对象
            var bs=new Base();            
            //调用
            bs.init();
</script>
<script type="text/javascript">
            function Base(){//类
                //成员方法
                this.show = function(){ 
                    alert("Base show"); 
                }; 
                //成员方法
                this.init = function(){ 
                    alert("Base init"); 
                };
            }
            //实例对象
            var bs=new Base();            
            //调用
            bs.init();
</script>
<script type="text/javascript">
            function Base(){//类
                
            }
            //成员方法
            Base.prototype.show = function(){ 
                alert("ShapeBase show"); 
            }; 
            //成员方法
            Base.prototype.init = function(){ 
                alert("ShapeBase init"); 
            };
            //静态方法 
            Base.StaticDraw = function(){ 
                alert("method draw is static"); 
            } 
            //实例对象
            var bs=new Base();            
            //调用
            bs.init();
            //调用静态方法
            Base.StaticDraw();
</script>

　　附件下载