zoukankan      html  css  js  c++  java
  • Prototype

    1 原型法设计模式

    在.Net中可以使用clone()来实现原型法

    原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。

    2 javascript的方法可以分为三类:

    a 类方法

    b 对象方法

    c 原型方法

    例子:

    复制代码
    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(); 
    复制代码

    3 obj1.func.call(obj)方法

    意思是将obj看成obj1,调用func方法

    好了,下面一个一个问题解决:

    prototype是什么含义?

    javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用。

    A.prototype = new B();

    理解prototype不应把它和继承混淆。A的prototype为B的一个实例,可以理解A将B中的方法和属性全部克隆了一遍。A能使用B的方法和属性。这里强调的是克隆而不是继承。可以出现这种情况:A的prototype是B的实例,同时B的prototype也是A的实例。

    先看一个实验的例子:


    复制代码
    function baseClass()
    {

    this.showMsg = function()
    {
         alert(
    "baseClass::showMsg");   
    }

    }

    function extendClass()
    {

    }

    extendClass.prototype 
    = new baseClass();

    var instance 
    = new extendClass();

    instance.showMsg(); 
    // 显示baseClass::showMsg
    复制代码

    我们首先定义了baseClass类,然后我们要定义extentClass,但是我们打算以baseClass的一个实例为原型,来克隆的extendClass也同时包含showMsg这个对象方法。

    extendClass.prototype = new baseClass()就可以阅读为:extendClass是以baseClass的一个实例为原型克隆创建的。

    那么就会有一个问题,如果extendClass中本身包含有一个与baseClass的方法同名的方法会怎么样?

    下面是扩展实验2:


    复制代码
    function baseClass()
    {
        
    this.showMsg = function()
        {
            alert(
    "baseClass::showMsg");   
        }
    }

    function extendClass()
    {
        
    this.showMsg =function ()
        {
            alert(
    "extendClass::showMsg");
        }
    }

    extendClass.prototype 
    = new baseClass();
    var instance 
    = new extendClass();

    instance.showMsg();
    //显示extendClass::showMsg
    复制代码

    实验证明:函数运行时会先去本体的函数中去找,如果找到则运行,找不到则去prototype中寻找函数。或者可以理解为prototype不会克隆同名函数。

    那么又会有一个新的问题:

    如果我想使用extendClass的一个实例instance调用baseClass的对象方法showMsg怎么办?

    答案是可以使用call:


    extendClass.prototype = new baseClass();
    var instance 
    = new extendClass();


    var baseinstance = new baseClass();
    baseinstance.showMsg.call(instance);
    //显示baseClass::showMsg

    这里的baseinstance.showMsg.call(instance);阅读为“将instance当做baseinstance来调用,调用它的对象方法showMsg”

    好了,这里可能有人会问,为什么不用baseClass.showMsg.call(instance);

    这就是对象方法和类方法的区别,我们想调用的是baseClass的对象方法

    最后,下面这个代码如果理解清晰,那么这篇文章说的就已经理解了:


    按 Ctrl+C 复制代码
    按 Ctrl+C 复制代码
  • 相关阅读:
    Dynamics AX 2012 R2 配置E-Mail模板
    Dynamics AX 2012 R2 设置E-Mail
    Dynamics AX 2012 R2 为运行失败的批处理任务设置预警
    Dynamics AX 2012 R2 耗尽用户
    Dynamics AX 2012 R2 创建一个专用的批处理服务器
    Dynamics AX 2012 R2 创建一个带有负载均衡的服务器集群
    Dynamics AX 2012 R2 安装额外的AOS
    Dynamics AX 2012 R2 将系统用户账号连接到工作人员记录
    Dynamics AX 2012 R2 从代码中调用SSRS Report
    Dynamics AX 2012 R2 IIS WebSite Unauthorized 401
  • 原文地址:https://www.cnblogs.com/sunet/p/3223142.html
Copyright © 2011-2022 走看看