zoukankan      html  css  js  c++  java
  • js prototype及js方法分类

     The prototype property allows you to add properties and methods to an object.

           object.prototype.name=value

    <!DOCTYPE html>
    <html>
    <body>
    
    <script type="text/javascript">
    
    function employee(name,jobtitle,born)
    {
    this.name=name;
    this.jobtitle=jobtitle;
    this.born=born;
    }
    var fred=new employee("Fred Flintstone","Caveman",1970);
    
    employee.prototype.salary=null;
    
    fred.salary=20000;
    
    document.write(fred.salary);
    
    </script>
    
    </body>
    </html>

    avascript中对象的原型属性的解释是:返回对象类型原型的引用。这是一个晕人的解释。其实就是指定了一个需要复制的对象。

      文字再多也不如代码,上代码,说最简单的,任何类都继承自Object类:

    function A()
    {    }
    A.prototype=new Object();

      其实这样就相当于Object对象是A的一个原型,这样就相当于了把Object对象的属性和方法复制到了A上,和原型模式的精髓一样吧!

      好,大概了解了prototype的基本用法,我们来看看原型究竟有什么用处。

      最简单的用法,动态扩展类的方法和属性。

    function People()
    {
            this.Jump=function(){
                alert("I can jump");
    }
    }

    现在要扩充方法:

    People.prototype.Run=function(){
            alert("I can run,too");
    }

    好,测试下:

    var p=new People();
    p.Jump();
    p.Run();

    接下来,顺带讲一下Javascript的方法种类。我个人将Javascript的方法分为三种:

      <1>类方法

      <2>对象方法

      <3>原型方法

      先看代码,后讲区别:

    function People(name)
    {
    this.name=name;
    //对象方法
    this.Introduce=function(){
    alert("My name is "+this.name);
    }
    }
    //类方法
    People.Run=function(){
    alert("I can run");
    }
    //原型方法
    People.prototype.IntroduceChinese=function(){
    alert("我的名字是"+this.name);
    }

    测试下:

    var p1=new People("Windking");
    p1.Introduce();
    People.Run();
    p1.IntroduceChinese();

     总结下:

      名称

      位置

      格式

      类方法

      类外

      类名.方法名

      对象方法

      类内

      this.方法名

      原型方法

      类外

      类名.prototype.方法名

      

    类方法其实就是我们讲的静态方法:如public static void Run(){}

      而对象方法其实就是实例方法。

      而原型方法有所不同,由于C#中不允许动态为对象增加方法,因此在C#中并不存在原型方法。原型方法处于C#的静态方法与实例方法之间,通过对象调用,但是存储的内存形式却类似于静态方法,也就是所有实例对象共享同一副本。

      (ps:尽量将方法定义为原型方法,原型方法避免了每次调用构造函数时对属性或方法的构造,因此比较节省空间和时间)

      p1.IntroduceChinese();创建对象。

      还记得我在上一篇文章里讲的浅复制么?为什么大家都喜欢批量生产?效率是最主要因素。浅复制也一样,我们为什么要浅复制,因为效率高。作为原型模式的Javascript应用,prototype也承担着这样的重任。用prototype来创建对象,要比其他方式快得多。

      看代码例子:

    function People(name,age)
    {
            this.name=name;
            this.age=age;
    }
    var p1=new People("Xuan",22);
    var girls=[ ];
    var GirlPrototype=function(){};
    GirlPrototype.prototype=p1;
    for(var i=0;i<100000;i++)
    {
            girls[i]=new GirlPrototype();
    }

    http://tech.ddvip.com/2009-05/1243588303121461.html

    上面所讲的3种方法其实与精通javascript 所讲的方法对应:看http://www.cnblogs.com/youxin/archive/2012/09/06/2673143.html

    对象方法 --》特权方法

    类方法---》静态方法

    原型方法--》public 方法(公共方法)

    系列文章:http://www.cnblogs.com/kym/archive/2010/01/18/1650333.html

     

  • 相关阅读:
    nyoj-116-士兵杀敌(二)
    nyoj-520-最大素因子
    nyoj-333-mdd的烦恼
    nyoj-172-小珂的图表
    nyoj-332-SPY
    nyoj-49-开心的小明
    nyoj-456-邮票分你一半
    nyoj-325-zb的生日
    nyoj-372-巧克力
    vwware虚拟机无法连接外网
  • 原文地址:https://www.cnblogs.com/youxin/p/2630462.html
Copyright © 2011-2022 走看看