`

javaScript之function的prototype对象(二)之举例

阅读更多
1、
<html>
<head>
<title></title>
</head>
<body>
    <script type="text/javascript">
    
    function A(){
        var a=1;
    }
    A.prototype.get=function(){
        return a;
    }

    A.prototype.set=function(value){
        a=value; //这一句,a貌似成了全局变量了
    }

    var a1=new A();
    var a2=new A();
    a1.set(10);
    a1.get()//10
    a2.get()//10
    
    console.log(a);//10
    
    </script>
</body>
</html>


2、
<html>
<head>
<title></title>
</head>
<body>
    <script type="text/javascript">   
    
    function A(){
        var a=1;//此句无用处(a虽在 function A 内,但非 function A 的一个属性)。
    }
    A.prototype.get=function(){
        return this.a;
    }

    A.prototype.set=function(value){
        this.a=value;
    }

    var a1=new A();
    var a2=new A();
    a1.set(10);
    a1.get()//10
    a2.get()//undefined

    console.log(a);//undefined

    
    </script>
</body>
</html>


3、
<html>
<head>
<title></title>
</head>
<body>
    <script type="text/javascript">
    
    function A(){
        this.a = 1;
    }
    A.prototype.get=function(){
        return this.a;
    }

    A.prototype.set=function(value){
        this.a=value;
    }

    var a1=new A();
    var a2=new A();
    a1.set(10);
    a1.get()//10
    a2.get()//1
   
    </script>
</body>
</html>





4、




参考:
http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html






-



  • 大小: 63.3 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics