javascript之Prototype

怼烎@ 2022-07-24 04:02 168阅读 0赞

最近在学习Javascript时看到js中出现的Prototype，进而学习了一下，仅供交流与参考；

javascript的方法可以分为三类：

a 类方法

b 对象方法

c 原型方法

<span style="font-size:14px;">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();</span>

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的实例。

<span style="font-size:14px;"><script type="text/javascript">
    
    function baseClass()
    {
        this.showMsg = function()
        {
            alert("baseClass::showMsg");   
        }
       
        this.baseShowMsg = function()
        {
            alert("baseClass::baseShowMsg");
        }
    }
    baseClass.showMsg = function()
    {
        alert("baseClass::showMsg static");
    }
    
    function extendClass()
    {
        this.showMsg =function ()
        {
            alert("extendClass::showMsg");
        }
    }
    extendClass.showMsg = function()
    {
        alert("extendClass::showMsg static")
    }
    
    extendClass.prototype = new baseClass();
    var instance = new extendClass();
    
    instance.showMsg(); //显示extendClass::showMsg
    instance.baseShowMsg(); //显示baseClass::baseShowMsg
    instance.showMsg(); //显示extendClass::showMsg
    
    baseClass.showMsg.call(instance);//显示baseClass::showMsg static
    
    var baseinstance = new baseClass();
    baseinstance.showMsg.call(instance);//显示baseClass::showMsg
    
    </script></span>

**函数：原型**

每一个构造函数都有一个属性叫做原型(prototype,下面都不再翻译，使用其原文)。这个属性非常有用：为一个特定类声明通用的变量或者函数。

***prototype的定义***

***prototype 属性使您有能力向对象添加属性和方法。***

你不需要显式地声明一个prototype属性，因为在每一个构造函数中都有它的存在。你可以看看下面的例子：

**Example PT1**

**CODE:**  
function Test()  
\{  
\}  
alert(Test.prototype); // 输出 "Object"

***给prototype添加属性***

就如你在上面所看到的，prototype是一个对象，因此，你能够给它添加属性。你添加给prototype的属性将会成为使用这个构造函数创建的对象的通用属性。

<span style="font-size:14px;">function uw3c(name){
        alert("姓名:" + name + ",年龄:" + this.age + ",性别:" + this.sex);
    }
    uw3c.prototype.age = 15;
    uw3c.prototype.sex = "man";
    var test1 = new uw3c("css");//姓名:css,年龄:15,性别:man
    var test2 = new uw3c("js");//姓名:js,年龄:15,性别:man</span>

本人比较赞同prototype是克隆而不是继承的说法

本文参考学习：http://www.blogjava.net/heavensay/archive/2013/10/20/405440.html

http://blog.sina.com.cn/s/blog\_7045cb9e0100rtoh.html

http://www.cnblogs.com/yjf512/archive/2011/06/03/2071914.html

http://www.uw3c.com/jsviews/js12.html

http://www.w3school.com.cn/jsref/jsref\_prototype\_array.asp