JavaScript学习-构造函数

    <% -- JavaScript学习 -- %>
    
< script  type ="text/javascript"  language ="JavaScript" >  
        
// 建立构造函数
         function  Persion()
        {
            
// 建立构造函数成员
             this .name = " scott " ;
            
this .age = " 20 " ;
            
this .say = funSay;
        }
        
// 构造函数中的方法
         function  funSay()
        {
            
// 调用构造函数中的成员 
            alert( this .name + " 年龄为: " + this .age);
        }
        
        
        
function  PersionShow()

        {

        //实例构造函数

             var  PerOne = new  Persion();
            PerOne.say();
            var PerTwo= new Persion();
            PerTwo.say();
             /*
            说明:
            为一个对像实例增加的方法不会增加到同一对象所产生的其它实例上。
            所在实例对像在创建后会调用构造函数,对构造函数中增加的属性和方法会被增加到所有构造函数的实例上。
            对象实例使用new关键字来创建,构造方法中返回任何结果,即不使用retrun语句。            
            this关键字代表某个成员方法执行时,引用该方法的当前实例。
            this关键字只在用作对象成员方法的函数中出现。
            
*/
        }
     
</ script >

            
<% -- 测试使用的按钮 -- %>
            
< input  id ="Button1"  type ="button"  runat ="server"  value ="测试"  onclick ="PersionShow();"   />

 

       <% -- JavaScript学习 -- %>
    
< script  type ="text/javascript"  language ="JavaScript" >  
        
// 构造函数 (此为实构造函数)
         function  Persion()
        {
        
        }
        
// 实例构造函数
         var  Per = new  Persion();
        
// 构造函数实例的成员1
        Per.age = 18 ;
        
// 构造函数 实例的 成员2

        Per.name="test";

 

        //构造函数实例的中的函数

         function  funSay()
        {
            
// 调用构造函数中的成员 
            alert(Per.name + " 年龄为: " + Per.age);
            
var  xName = " name " ;
            alert(
" 另外一种访问成员的方法结果: " + Per[xName] + " 年龄为: " + Per[ " age " ]);
            eval(
" alert('使用eval执行JavaScript后的结果:'+Per.name+'年龄为:'+Per['age']) " );

            
var  vJs = " alert('另一种eval执行JavaScript后的结果: " + Per.name + " 年龄为: " + Per[ ' age ' ] + " ') " ;
            eval(vJs);         
            
        }
        
// 构造函 实例的 数中的函数Say,Say实体为funSay函数
        Per.say = funSay;

        
function  PersionShow()
        {
           
// 调用构造函数实例的的函数
           Per.say();
            
        }
     
</ script >
     

            
<% -- 测试使用的按钮 -- %>
            
< input  id ="Button1"  type ="button"  runat ="server"  value ="测试"  onclick ="PersionShow();"   />

你可能感兴趣的:(JavaScript)