深入浅出Javascript（三）创建自定义对象以及属性、方法

1. 怎么样创建一个对象?
   1. 利用Object创建自定义对象
      1. JavaScript能够自定义对象来扩展程序的功能，不仅如此，它还能扩展JavaScript提供的内置对象，新增内置对象的属性或方法
      2. 例如下面代码,创建一个myObj对象
      3. [javascript] view plaincopyprint?

         1. <SPAN style="FONT-SIZE: 18px"><script language="javascript" type="text/javascript">  
         2.     //声明一个对象副本   
1.     var myObj=new Object();  
2.     //简写形式   
1.     var myObj=new {};  
2. </script></SPAN>  

<script language="javascript" type="text/javascript">	//声明一个对象副本	var myObj=new Object();	//简写形式	var myObj=new {};</script>

4. 给对象增加属性
1.   
   [javascript] view plaincopyprint?

   1. <SPAN style="FONT-SIZE: 18px">  //给对象增加属性   
   2.     myObj.Name='李龙生';  
   3.     myObj.Age=24;</SPAN>  

   	//给对象增加属性	myObj.Name='李龙生';    myObj.Age=24;

5. 也可以用with语句
   1. [javascript] view plaincopyprint?

      1. <SPAN style="FONT-SIZE: 18px">  //with语句对对象操作   
      2.     with(myObj)  
      3.     {  
      4.         Name='李龙生';  
      5.         Age='24';  
      6.     }</SPAN>  

      	//with语句对对象操作	with(myObj)	{		Name='李龙生';		Age='24';	}

1. PS:JavaScript的对象可以看做是一个数组，对象名即数组名，属性即数组元素，属性值即元素值。

   2. 利用构造函数创建对象
      1. 构造函数(Constructor Function)是一个函数，能够定义对象的属性和方法，其实，JavaScript内置对象也是一些构造函数，如Object、Array、String等分别对应Object()、Array()、String()构造函数。

    

   1. JavaScript能够自己建立对象的构造函数，定义对象拥有的属性和方法，然后,利用定义好的函数建立对象,也可以把它视为一个对象的声明，如下代码：
   2. 1. [javascript] view plaincopyprint?

         1. <SPAN style="FONT-SIZE: 18px"><script language="javascript"  type="text/javascript">  
         2.     //定义一个验证登陆函数   
         3.     function yanzheng(UserName,UserPassWord)  
         4.     {  
         5.         this.name=UserName;  
         6.         this.password=UserPassWord;  
         7.     }  
         8. </script></SPAN>  

         <script language="javascript"  type="text/javascript">	//定义一个验证登陆函数	function yanzheng(UserName,UserPassWord)	{		this.name=UserName;		this.password=UserPassWord;	}</script>

      2. 上述构造函数拥有两个参数值，可以建立属性值，this命令指的是建立的对象本身.

       

      3. 使用new命令建立对象副本
      4. [javascript] view plaincopyprint?

         1. <SPAN style="FONT-SIZE: 18px">  //实例化对象   
         2.     yanzheng1=new yanzheng('李龙生','123456');</SPAN>  

         	//实例化对象	yanzheng1=new yanzheng('李龙生','123456');

   3. 一般方式对象副本方式增加属性和方法
      1. 只需通过对象自己增加，很简单不再举例子。
   4. 通过JavaScript的Prototype对象增加属性和方法
      1. JavaScript属于一种基于原型语言，不同于Java、VB等，基于原型的语言其类与实例对象区别不大

       

      1. 例如我们可以拿一个现成的对象作为原型建立其他对象，此对象可以分享原型对象的属性和方法，使用prototype对象可以继承其他对象，而这一点是基于Class中，做不到的，在Class中需要用深浅复制的Prototype模式才可以实现。

       

      2. 每一个对象都拥有Prototype属性，这个属性会被创建这个对象副本的对象所继承，这样创建新对象时不用重复已有的属性、方法，节省了内存空间。
      3. 增加属性
   [javascript] view plaincopyprint?

   1. <SPAN style="FONT-SIZE: 18px">  //通过原型增加级别属性   
   2.     yanzheng.prototype.Level="管理员";</SPAN>  

   	//通过原型增加级别属性	yanzheng.prototype.Level="管理员";

           增加方法

   [javascript] view plaincopyprint?

   1. <SPAN style="FONT-SIZE: 18px">  //通过原型增加登陆方法   
   2.     yanzheng.prototype.login=BeginLogin;</SPAN>  

   	//通过原型增加登陆方法	yanzheng.prototype.login=BeginLogin;

      

    

        e. 通过Prototype继承其它对象

        继承不但可以使用原对象作为原型建立其它对象，还可以扩展对象的属性和方法，例如对上面验证函数如果新增一个安全模式验证函数，但它也需要用户名、密码，只需继承上面即可。看下面代码

   [javascript] view plaincopyprint?

   1. <SPAN style="FONT-SIZE: 18px">  //登陆模式   
   2.     function SSL(ssl)  
   3.     {  
   4.         this.SSL=ssl;  
   5.     }  
   6.     //prototype对象的继承   
   7.     SSL.prototype=new yanzheng();</SPAN>  

   	//登陆模式	function SSL(ssl)	{		this.SSL=ssl;	}	//prototype对象的继承	SSL.prototype=new yanzheng();

                     JS是一门语言，需要系统学习，理解语言的本质才会运用自如，打好基础才能走的更远！！