zoukankan      html  css  js  c++  java
  • javascript对象的属性,方法,prototype作用范围分析

    读了篇博客感觉很有用"javascript对象的属性,方法,prototype作用范围分析"就自己写了一遍.以后自己可以用的到.

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
     3 <head>
     4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
     5     <title>javascript对象的属性,方法,prototype作用范围分析</title>
     6 </head>
     7 <body>
     8     
     9 </body>
    10 </html>
    11 <script type="text/javascript">
    12     function Obj(arg){
    13 
    14         /*第1种:对象声明后,不管对象本身还是原型继承对象后的子类都没有办法直接访问*/
    15         var a = arg;                     //对象的私有变量         对象和原型都不能访问
    16         var fn=function(){};             //对象的私有函数         对象和原型都不能访问
    17  
    18         /*第2种*/
    19         this.b=arg;                      //原型的公有变量         原型能访问对象自己不能访问(这种其实很容易理解出错的,对象本身竟然不能调用但原型却可以.)一直以为这种是对象自己也是可以调用的属性.
    20         this.fn1=function(){};           //原型的公有函数         原型能调用对象自己不能访问
    21     }
    22         /*第3种对象本身扩展后方法和属性,继承对象后的原型访问不到.*/
    23          Obj.c=1;                                //对象的公有变量          对象能访问原型不能
    24          Obj.fn2=function(){};                   //对象的共有函数          对象能访问原型不能
    25 
    26         /*第4种*/
    27          Obj.prototype.d=11;                     //原型的属性              对象本身访问不到
    28          Obj.prototype.fn3=function(){};         //原型的方法              对象本身访问不到
    29 
    30          /*第2种和第4种放在一起就是原型继承对象后的子类可以访问到,但是原对象本身访问不到*/
    31 
    32     console.log("Obj.a = "+Obj.a);                                   //Obj.a = undefined
    33     console.log("Obj.fn = "+Obj.fn);                                 //Obj.fn = undefined
    34      
    35     console.log("Obj.b = "+ Obj.b);                                  //Obj.b = undefined
    36     console.log("Obj.fn1 = "+ Obj.fn1);                              //Obj.fn1 = undefined
    37 
    38     console.log("Obj.c = "+ Obj.c);                                  //Obj.c = 1
    39     console.log("Obj.fn2 = "+Obj.fn2);                               //Obj.fn2 = function (){}
    40 
    41     console.log("Obj.d = "+ Obj.d);                                  //Obj.d = undefined
    42     console.log("Obj.fn3 = "+Obj.fn3);                               //Obj.fn3 = undefined
    43     console.log("--------------------------------------");
    44 
    45     var A = new Obj(22);
    46     console.log("A.a = "+A.a);                             //A.a = undefined
    47     console.log("A.fn = " +A.fn);                          //A.fn = undefined
    48 
    49     console.log("A.b = "+ A.b);                            //A.b = 22
    50     console.log("A.fn1 = "+A.fn1);                         //A.fn1 = function (){}
    51 
    52     console.log("A.c = "+A.c);                             //A.c = undefined
    53     console.log("A.fn2 = "+A.fn2);                         //A.fn2 = undefined
    54 
    55     console.log("A.d = "+A.d);                             //A.d = 11
    56     console.log("A.fn3 = "+A.fn3);                         //A.fn3 = function (){}
    57 
    58     /*第1,3,4种方法很好理解.第2种方法对象本身不能直接访问闭包内的变量能够理解.但是使用关键字this后继承对象的原型就可以调用这些属性和方法值得深入研究.关键字this的特性.*/
    59 </script>
  • 相关阅读:
    IDEA新字体出现啦!!!
    Spring学习笔记1---Bean的自动装配
    Spring学习笔记1---Bean的作用域
    Spring学习笔记1---C命名和P命名的注入
    Spring学习笔记1---IoC创建对象的方式
    Spring学习笔记1---IoC容器
    Spring学习笔记1---IOC理论推导
    vfatbGUbLE
    Spring学习笔记1---环境配置(IDEA)
    springboot整合ES
  • 原文地址:https://www.cnblogs.com/liubeimeng/p/4895568.html
Copyright © 2011-2022 走看看