js实例属性和原型属性示例详解_javascript技巧

   
   
    <script type="text/javascript"> <br> // 实质上属性和方法是一样的，方法是属性为引用型的函数。 <br> //一个对象有4种属性： <br> //                 1，构造函数通过this关键字定义的属性 <br> //                 2，构造函数通过var关键字定义的属性 <br> //                 3,构造函数的原型对象添加的属性 <br> //                 4，对象动态添加的属性 <br> //实例的公有属性：1      通过this关键字定义的属性           可访问   1，2，3，4 <br> //实例的私有属性：2      通过var关键字定义的属性。          可访问   2 <br> //实例的共享属性：3      通过实例指向的原型添加的属性。      可访问   1,3,4 <br> //实例的静态属性：4      对象动态添加的属性。               可访问  1,3,4 <p>//总结： <br> //     实例属性：1，公有 <br> //              2，私有 <br> //              4，静态 <br> //     原型属性：3，共享 <p>//this定义的为特权属性。全部可访问 <br> //var定义的为私有属性。 <br> //动态添加的属性为公有属性。不可访问私有属性 <p>//实例对象指向的原型属性为原型属性。不可访问私有属性，优先级低于公有属性 <p>//实例属性主要有公有属性和特权属性构成。均可被外部和原型属性访问。主要区别在于是否可访问私有属性 <br> //原型属性优先级低于实例属性。可被外部访问和实例属性访问（除私有属性） <p><br> //-----------------此处为分割线----------------------------- <br> // 公有属性：对象暴露给外部环境的属性。也是对象的属性。 <br> // 私有属性：对象内部的属性，往往不可访问.在构造函数层面上考虑才有意义。 <br> // 静态属性：动态添加的属性。也是对象的属性。 <br> // 共有属性：所有构造函数生成的实例所共享的属性。 <p>       function User(){ <br> //           公有属性：每new一个User实例对象，都有的属性。 <br> //                    为实例属性，所有实例的属性不共享内存。 <br> //                    外部可访问。 <br>            this.name='byronvis'; <br> //           特权方法：每new一个User实例对象，都有的方法。 <br> //                    为实例方法，所有实例的方法不共享内存。 <br> //                    外部可访问。 <br> //                    可访问公有属性。 <br> //                    可访问私有属性。 <br>            this.sayName=function(){ <br>             alert(this.name); <br>                alert(this.school); <br>             alert(age);//变量声明会自动提前。 <br>             alert(this.sex); <br>            }; <br> //           私有属性：外部不可访问。 <br> //                    仅对构造函数有意义，对于new的User实例对象无意义。 <br>            var age=22; <br> //           私有方法：外部不可访问。 <br> //                    仅对构造函数有意义，对于new的User实例对象无意义。 <br>            function sayAge(){ <br>                alert(age); <br>            } <br>            sayAge(); <br>        } <br> //       共有属性： 共享内存。 <br>        User.prototype.school='zky'; <br> //       共有方法：可访问公有属性。 <br> //                共享内存。 <br>        User.prototype.saySchool=function(){ <br>            alert(this.school); <br>            alert(this.name); <br>            alert(this.sex); <br>            alert(age); <br>        }; <br>         var obj=new User(); <br> //       静态属性：就是动态添加的实例属性。 <br>         obj.sex='man'; <br> //       静态方法：就是动态添加的实例方法。 <br>         obj.saySex=function(){ <br>             alert(this.sex); <br>             alert(this.name); <br>             alert(this.school); <br>             alert(age); <br>         }; <br> //-----------------此处为分割线----------------------------- <br> ////      证明this关键字定义的属性和动态添加的属性本质上一样的，都可认为是实例对象的公有属性。 <br> //       验证： this关键字定义的属性访问动态添加的属性 <br> //        obj.sayName();//true <br> //        验证：动态添加的属性访问this关键字定义的属性 <br> //        obj.saySex();//true <br> //        验证：公有属性访问私有属性 <br> //        obj.sayName();//true <br>            obj.saySex();//false <br> //        验证：共享属性访问私有属性 <br> //        obj.saySchool();//false <p>   </script>


    测试文档