• JavaScript面向对象静态方法私有方法公有方法特权方法


    在JS代码中写入function fn(){}或者var fn=function(){}等等,你都可以将其理解为对象,当然还有数组等等。

    在理解面向对象之前,先了解下面几个东西吧。
    1.对象方法的调用
    在js最外层写的function可以还可以理解为window对象的一个方法。定义的变量也可以称之为window对象的一个属性。例如:


    [javascript] view plaincopy
    1. var test=function(){  
    2. alert("123")  
    3. }  
    4. 当然上面的你也可以这样定义  
    5. function test(){  
    6. alert("123")  
    7. }  
    8. 作为window对象的方法我们可以这样调用  
    9. test()//弹出警告框123(因为window对象是顶级对象我们可以将其省略)  
    10. window.test()//弹出警告框123  
    11. window['test']()//弹出警告框123,可以将test理解为window数组对象下面的一个方法值。  

    通过以上的例子大致了解了对象的方法怎使用和调用。
    2,私有方法
    私有方法就是只有在对象内部作用域内部才能使用的方法。可以用变量作用域的方式来理解这个东西。
    上面例子的function都可以理解为window对象的私有方法。继续看下面的例子。

    [javascript] view plaincopy
    1. var pet=function(){  
    2.     function showpet(){  
    3.     alert("123")  
    4.       }  
    5.     showpet();//私有方法可以在函数作用域范围内使用。  
    6.    var temp="私有变量只有在函数或者对象作用域范围内能访问"  
    7. }  
    8. showpet();//会出错  
    9. pet.showpet()//还是不能这样调用  
    10.   
    11. var Penguin=new pet() //实例化一个pet对象  
    12. Penguin.showpet()//不好意思这样子还是不能让你调用。  
    13. var pet=function(){  
    14.     function showpet(){  
    15.     alert("123")  
    16.       }  
    17.     showpet();//私有方法可以在函数作用域范围内使用。  
    18.    var temp="私有变量只有在函数或者对象作用域范围内能访问"  
    19. }  
    20. showpet();//会出错  
    21. pet.showpet()//还是不能这样调用  
    22.   
    23. var Penguin=new pet() //实例化一个pet对象  
    24. Penguin.showpet()//不好意思这样子还是不能让你调用。  

    如果我想定义的方法可以对象的作用域外面调用该怎么办呢?我该怎么使用私有方法呢?我们来看下一点内容吧。
    3.静态方法
    带着上面的问题我们继续上面的例子。


    [javascript] view plaincopy
    1. var pet=function(){  
    2.     function showpet(){//私有方法  
    3.     alert("123")  
    4.       }  
    5.     showpet();//私有方法可以在函数作用域范围内使用。  
    6. }  
    7. pet.show=function(){//给pet对象添加一个静态方法。  
    8. alert("456")  
    9. }  
    10. pet.name="Penguin"//给pet对象添加一个静态属性。  
    11.   
    12. pet.show()//弹出警告框456  
    13. alert(pet.name)//弹出警告框Penguin  
    14.   
    15. //继续思维碰撞  
    16. =====================  
    17. var Penguin=new pet() //实例化一个pet对象  
    18. Penguin.show()//不好意思,这个静态方法好像没有被实例继承。有这种思路值得表扬啊,加油!  

    上面的实例向你展示了什么叫静态方法,当然你可能会不明白,其实我也不懂,因为我也是菜鸟,但是只要你看了以后知道怎样为对象写一个静态方法,怎么调用该静态方法就可以了,也许某一天,你突然明白了就会回来教我了。带着上面的问题我们来看看实例化的对象能调用的方法。
    4.公有方法
    公有方法通常是通过修改构造函数的原型来实现的,修改一个对象的原型以后,所有该对象实例都会继承原型的修改(这句话极为装B,如果你感觉模糊就请忽略)。
    修改对象原型的方法,继续上面的例子。

    pet.prototype.setname=function(str){//通过修改原型添加一个公有方法,用于添加修改实例对象的name
    name=str;
    }


    看例子:

    [javascript] view plaincopy
    1. var pet=function(){  
    2.     function showname(){//私有方法  
    3.     alert(this.name)  
    4.       }  
    5.   this.show=function(){ //如果这里不理解,请注意这个方法下面就要介绍了。  
    6.    showname();  
    7.   }  
    8. }  
    9. pet.prototype.setname=function(str){  
    10. name=str;  
    11. }  
    12. var Penguin=new pet()  
    13.   Penguin.setname("Penguin");//添加实例的name值为Penguin  
    14.   Penguin.show();                  //弹出Penguin  
    15.   Penguin.setname("wind");//添加实例的name值为wind  
    16.   Penguin.show();                 //弹出wind  
    17.   
    18.    

    运行代码玩玩。

    [javascript] view plaincopy
    1. <mce:script type="text/javascript"><!--  
    2. var pet=function(){  
    3.     name:"123",  
    4.     function showname(){//私有方法  
    5.     alert(this.name)  
    6.       }  
    7.   this.show=function(){  
    8.    showname();  
    9.   }  
    10.  }  
    11. pet.prototype.setname=function(str){  
    12.  name=str;  
    13. }  
    14.  var Penguin=new pet()  
    15.   Penguin.setname("Penguin");  
    16. Penguin.show();  
    17. Penguin.setname("wind");  
    18. Penguin.show();  
    19. // --></mce:script>  

    5.特权方法(对象或者函数对外的接口)
    其实在上面的例子中我们已经用到了这种方法。这种方法可以被实例化的对象继承所调用。通过在构造函数内部通过thsi关键字定义的的方法。特权方法能够在构造函数外面公开访问(仅限于实例化的对象),而且还能够访问私有成员和方法,因此用来做为对象或者构造函数的接口最合适不过了,通过特权函数我们可以控制公有方法对私有方法的访问,这个在JS框架的扩展中有很多应用。

    各位看官可以当上面的是一段P话,我们具体来看看怎么样定义一个特权方法,怎样引用一个特权方法,继续调用上面得实例来看。


    [c-sharp] view plaincopy
    1. var pet=function(){  
    2.     function showname(){//私有方法  
    3.     alert(this.name)  
    4.       }  
    5.   this.show=function(){//通过使用this关键字定义一个特权方法。  
    6.    showname();           //在特权方法中访问私有方法;  
    7.   }  
    8. }  
    9. pet.prototype.setname=function(str){  
    10. name=str;  
    11. }  
    12. var Penguin=new pet();//实例化一个pet对象  
    13.   Penguin.setname("Penguin");//调用公有方法修改  
    14.   Penguin.show();                  //调用特权方法访问私有方法,弹出name  

    首先通过在构造函数中用this.fn=function(){}建立一个特权方法。在特权函数中访问私有方法;
    实例化的对象可以通过访问特权函数来使用部分私有方法,访问特权函数的方法同访问公有函数。

  • 相关阅读:
    处理在finally中出现的异常(Java)
    【转】alt和title属性的区别及应用
    IE6下兼容CSS属性minheight的解决办法
    javascript中判断字符串是否以指定字符串开始或结尾
    IE6兼容改造中的反思
    字符操作函数
    魔术公式
    抽象类和纯虚函数
    悬空指针
    重载
  • 原文地址:https://www.cnblogs.com/taoze/p/2394230.html
Copyright © 2020-2023  润新知