js对象

Posted 2020-11-24 小咸鱼|大梦想

js对象

1. javascript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串，数值，数组，函数等

2. 对象由属性和方法组成

   • 属性：事物的特征，在对象中用属性来表示（常用名词）
   • 方法：事物的行为，在对象中用方法来表示（常用动词）

3. js中，三种方式创建对象方法

   • 利用字面量创建对象

     • 对象字面量：花括号{}里面包含了表达这个具体事物的属性和方法

     var obj={
         uname:'张三'，
         age;18,
         sex:'男',
         sayHi(){
             console.log('hi~');
         }
     }

     • 属性或者方法采取键值对的形式 键 属性名：值 属性值

     • 多个属性或者方法中间用逗号隔开

     • 方法冒号后面跟的是一个匿名函数

     • 调用对象的属性 对象名.属性名

       console.log(obj.uname);//方法一
       console.log（obj['age']）;//方法二
       obj.sayHi();//调用方法

   • 利用new Object创建对象

     • var obj = new Object();
       obj.uname='张三'；
       obj.age=18;
       obj.sex='男';
       obj.sayHi=function(){
           console.log('hi~');
       }

   • 利用构造函数创建对象

     • 构造函数：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，他总与new运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。

     • function 构造函数名（）{
           this.属性=值；
           this.方法=function（）{
       
           }
       
       }

     • 调用

       var obj=new Start(参数)；

       【注意】

       • 构造函数名字首字母要大写
       • 我们构造函数不需要return 就可以返回结果
       • 调用构造函数 必须使用 new
       • 只要new 构造函数名() 就创建了一个对象

4. new 关键字执行过程

   • new 构造函数可以在内存中创建一个空的对象
   • this 就会指向刚才创建的空对象
   • 执行构造函数里面的代码 给这个空对象添加属性和方法
   • 返回这个对象

5. 遍历对象

   • for...in 语句用于对数组或者对象的属性进行循环操作

     for (var k in 对象){
         //k是属性名
         //对象名[k];输出属性值
     }