js 面向对象

面向对象:

一.什么是对象：程序中描述现实中一个具体事物的属性和功能的结构，一块可以存储多个数据的存储空间

         面向对象：程序中都是用一个对象来描述现实中一个事物

              事物的属性就会成为程序中对象的属性变量

              事物的功能就会成为程序中对象的方法变量

                  属性和方法统称为对象的成员。

       方法就是一个函数！只不过被包含在一个对象中才成为方法

       封装：将多个相关的属性和函数集中定义在一个对象中

二.创建对象：

    1. 创建一个单独的对象：

          1. 对象直接量方式：

                  var obj={

                      属性名:属性值,

              方法名:function(参数列表){方法体;return返回值}

              };

     

1. 
   
2. //对象
   
   
3.         var lilei={
   
   
4.       sname:"Li Lei",
   
   
5.                   age:18,
   
   
6.   intrSelf:function(){
   
   
7.   alert("I'm Li Lei,I'm 18")}
   
   
8.           }
   
   
9.    console.log(lilei["sname"]);
   
   
10.    console.log(lilei.age);
    
    
11.            console.log(lilei.intrSelf());
13. 
16. 
19.            js中的对象，底层都是一个关联数组。                    对象的属性和方法都是关联数组中的元素。          window就是最大的一个关联数组对象：             所有全局变量和函数都是window的成员！          方法，其实就是一个保存函数地址的属性而已。           如何访问对象中的属性和方法:点------->的              比如：对象.属性-->一个变量                    对象.方法()-->一个函数           2. 使用new创建：           2步：先创建空对象；再为空对象追加新成员              var obj=new Object(); -->{}              obj.属性名=属性值;              obj.方法名=function(){xxx};
    
20. //对象，使用new创建：
    
    
21.   var hmm=new Object();   
    
    
22. hmm.sname="Han Meimei";
    
    
23.              hmm["age"]=19;
    
    
24. hmm["intrSelf"]=function(){
    
    
25. alert("I'm Han Meimei,I'm 19")};
    
    
26.         console.log(hmm["sname"]);
    
    
27. console.log(hmm["age"]);
    
    
28.         console.log(hmm.intrSelf());
30. 
33. 
35.     2. 反复创建多个相同结构的对象(利用构造函数)：         1. 定义构造函数                什么是构造函数：专门定义一类对象的统一属性和方法的结构的函数             如何定义：              function 类型名/构造函数名(参数列表){                                       this.属性名=参数;                  this.方法名=function(){...}                  }                什么是this：值随时执行当前正在使用的对象：                           在构造函数中表示正在创建的对象                           在方法中表示正在调用方法的对象                    方法中都要使用this.方式访问当前对象的属性                    this默认为window                       
37. 
39.               注意：this和定义在哪儿无关！只和调用时的对象有关！      
    
40. //构造函数
    
    
41. function Student(sname,age){
    
    
42.      this.sname=sname;
    
    
43. this.age=age;
    
    
44. this.intrSelf=function(){
    
    
45.     alert("I'm "+this.sname+","+" I'm "+this.age);
    
    
46.                }
    
    
47.    }

复制代码

     3. 调用构造函数创建对象：

           var obj=new 类型名/构造函数名(属性值列表);   

• //调用构造函数
  
•          var lilei=new Student("lilei",18);
  
• var hmm=new Student("hmm",19);
  
•           console.log(lilei.sname);
  
•   console.log(lilei.age);
  
•   console.log(lilei.intrSelf());
  
•   console.log(hmm.sname);
  
•   console.log(hmm.age);  console.log(hmm.intrSelf());
  

复制代码