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

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

怎么样创建一个对象?

1.利用Object创建自定义对象

JavaScript能够自定义对象来扩展程序的功能,不仅如此,它还能扩展JavaScript提供的内置对象,新增内置对象的属性或方法
例如下面代码,创建一个myObj对象

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

给对象增加属性

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

也可以用with语句

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

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

2. 利用构造函数创建对象

  •             构造函数(Constructor Function)是一个函数,能够定义对象的属性和方法,其实,JavaScript内置对象也是一些构造函数,如Object、Array、String等分别对应Object()、Array()、String()构造函数。
  •           JavaScript能够自己建立对象的构造函数,定义对象拥有的属性和方法,然后,利用定义好的函数建立对象,也可以把它视为一个对象的声明,如下代码:

<script language="javascript"  type="text/javascript">  
//定义一个验证登陆函数  
function yanzheng(UserName,UserPassWord)  
{  
 this.name=UserName;  
 this.password=UserPassWord;  
}  
</script>
上述构造函数拥有两个参数值,可以建立属性值,this命令指的是建立的对象本身.


使用new命令建立对象副本

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

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


例如:

       我们可以拿一个现成的对象作为原型建立其他对象,此对象可以分享原型对象的属性和方法,使用prototype对象可以继承其他对象,而这一点是基于Class中,做不到的,在Class中需要用深浅复制的Prototype模式才可以实现。
       每一个对象都拥有Prototype属性,这个属性会被创建这个对象副本的对象所继承,这样创建新对象时不用重复已有的属性、方法,节省了内存空间。
     

增加属性

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

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

通过Prototype继承其它对象

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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值