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

我会带着你远行 2022-04-04 10:46 184阅读 0赞

1.  怎么样创建一个对象?
    
    1.  **利用Object创建自定义对象**
        
        1.  JavaScript能够自定义对象来扩展程序的功能，不仅如此，它还能扩展JavaScript提供的内置对象，新增内置对象的属性或方法
        2.  例如下面代码,创建一个myObj对象
        3.      <script language="javascript" type="text/javascript"> //声明一个对象副本 var myObj=new Object(); //简写形式 var myObj=new {}; </script>
        4.  给对象增加属性
    2.    
        
            //给对象增加属性 myObj.Name='李龙生'; myObj.Age=24;
    3.  也可以用with语句
        
        1.      //with语句对对象操作 with(myObj) { Name='李龙生'; Age='24'; }

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

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

1.  1.  1.  JavaScript能够自己建立对象的构造函数，定义对象拥有的属性和方法，然后,利用定义好的函数建立对象,也可以把它视为一个对象的声明，如下代码：
        2.  1.      <script language="javascript" type="text/javascript"> //定义一个验证登陆函数 function yanzheng(UserName,UserPassWord) { this.name=UserName; this.password=UserPassWord; } </script>
            
            1.  上述构造函数拥有两个参数值，可以建立属性值，this命令指的是建立的对象本身.
            
             
            
            1.  使用new命令建立对象副本
            2.      //实例化对象 yanzheng1=new yanzheng('李龙生','123456');
2.  一般方式对象副本方式增加属性和方法
    
    1.  只需通过对象自己增加，很简单不再举例子。
3.  通过JavaScript的Prototype对象增加属性和方法
    
    1.  JavaScript属于一种基于原型语言，不同于Java、VB等，基于原型的语言其类与实例对象区别不大
    
     
    
    1.  例如我们可以拿一个现成的对象作为原型建立其他对象，此对象可以分享原型对象的属性和方法，使用prototype对象可以继承其他对象，而这一点是基于Class中，做不到的，在Class中需要用深浅复制的Prototype模式才可以实现。
    
     
    
    1.  每一个对象都拥有Prototype属性，这个属性会被创建这个对象副本的对象所继承，这样创建新对象时不用重复已有的属性、方法，节省了内存空间。
    
    1.  增加属性

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

增加方法

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

e. 通过Prototype继承其它对象

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

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

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