web.js.创建对象

对象的组成
方法——函数：动态，过程：
属性——变量：状态，静态：

变量：自由，不属于任何东西：
属性：属于一个对象

函数，变量属于某个对象时就成为方法，属性（其实本质还是一样，环境不同名字不同而已）看下面一段代码

            var arr=[1,2,3];//变量            arr.a=12;//属性            show=function (){//函数                alert(this);            }            arr.yinshuo=function (){//方法                alert(this);            }            show();//window            arr.yinshuo();//1,2,3

看下面一段代码，创建了一个自己的对象

  <script type="text/javascript">  function creatpeo(name,qq){//构造函数，    var obj=new Object();//创建对象        obj.name=name;        obj.qq=qq;//name qq 为属性        obj.myname=function(){        alert('我的名字：'+this.name)        }        obj.myqq=function(){        alert('我的QQ：'+this.qq);        }   //以上两个为方法        return obj;  }     var obj1=creatpeo('尹烁','12315');//调用    var obj2=creatpeo('尹航','110');        obj1.myname();//尹烁        obj1.myqq();    //12315        alert(obj1.myname)//他们俩弹出都是obj.myname=function(){        alert(obj2.myname)//alert('我的名字：'+this.name)                                            //}        alert(obj1.myname==obj2.myname)//但答案却是false，想想这样会引发什么样的坏处  </script>

咱们 一步步解决上面的问题 ，首先通常咱们调用一个类前 要加new，
比如 var arr=new Array(),在这里 new有什么用呢，先看修改后的代码

 function creatpeo(name,qq){//构造函数，    //加了new后 系统偷偷为你做了类似 var this=new Object()        this.name=name;        this.qq=qq;        this.myname=function(){        alert('我的名字：'+this.name)        }        this.myqq=function(){        alert('我的QQ：'+this.qq);        }           //系统偷偷为你 return this    ;     }     var  en= new creatpeo('尹烁','12315');         en.myname();         en.myqq();        </script>

代码得到简化，咱看下一个问题，alert(obj1.myname==obj2.myname)
答案为false
在上面我已经做了实验，obj1.myname与obj2.myname弹出的东西完全相等，但却系统却认为不一样，这就造成了空间大量浪费（因为每调用一次，就要多拿出一部分空间来储存它），怎么解决呢，看下面

            function creatpoeple(name,qq){                this.name=name;                this.qq=qq;            }            creatpoeple.prototype.Sname=function(){                alert('我的名字：'+this.name);            }            creatpoeple.prototype.Sqq=function(){                alert('我的名字：'+this.qq);            }        var obj1= new creatpoeple('尹烁','12315')        var obj2= new creatpoeple('尹航','110')                   obj1.Sname();            obj1.Sqq();            alert(obj1.Sname==obj2.Sname);//ture

这里我们用到了prototype（原型），什么是原型呢，看一段简单的代码

var arr1=new Array(12,55,34);var arr2=new Array(12,33, 1);arr1.sum=function ()                {    var result=0;    for(var i=0;i<this.length;i++)    {        result+=this[i];    }    return result;};alert(arr1.sum());alert(arr2.sum());

思考下，alert(arr2.sum());能弹出来吗，有什么方法才能弹出来呢，
就是再加一个arr2的方法即

arr2.sum=function ()                {    var result=0;    for(var i=0;i<this.length;i++)    {        result+=this[i];    }    return result;};

是不是感觉特别麻烦，在看看prototype（原型）如何解决这个问题

var arr1=new Array(12,55,34);var arr2=new Array(12,33, 1);Array.prototype.sum=function () {    var result=0;    for(var i=0;i<this.length;i++)    {        result+=this[i];    }    return result;};alert(arr1.sum());alert(arr2.sum());  

依我来看，原型就是把本质相同一些东西集合到一起，Array.prototype是一个集合[arr1,arr2],当你调用arr1.sum()，Array.prototype.sum=function ()，也就可以理解为arr1.sum=function ()，接着上面的代码

    function creatpoeple(name,qq){//构造函数                this.name=name;                this.qq=qq;            }            creatpoeple.prototype.Sname=function(){//方法                alert('我的名字：'+this.name);            }            creatpoeple.prototype.Sqq=function(){//方法                alert('我的名字：'+this.qq);            }        var obj1= new creatpoeple('尹烁','12315')        var obj2= new creatpoeple('尹航','110')                   obj1.Sname();            obj1.Sqq();            alert(obj1.Sname==obj2.Sname);//ture

依据上面所说，你是不是可以对这段代码进行分析呢，同样很惊喜的看到，我们最后得到的是true
1.咱们先对前面没说的进行解释
构造函数 ： 加属性 不同的（name，qq不同的特征）
原型 ： 加方法 相同的（让不同的对象（arr1，arr2）使用相同的方法）

继续努力