对象的属性(三个特性)-CSDN博客

对象基础

一. javascript的数据类型:  对象类型(复杂数据类型)  String类型(字符串类型) Number类型(数字类型)
                          Boolean(布尔类型)  Undefined(未定义类型) Null(空型)

二. 对象
    1. 对象的概念: 对象是一组原始数据类型或引用类型(方法)的序列, 这个数列是以键值对的形式存储,序列中的每一项被称之为属性或方法(行为),且每一个属性名必须是唯一的.
       对象的用途: 开发人员会经常使用到对象数据类型,对象数据类型用来存储数据或是创建自定义函数

    2. 创建一个简单的对象
       var person = {
           name:"Tom",
           age : 20,
           30 : 10,
           sayname:function(){
               console.log("I'm" + this.name);
           }
       }
       取值:
       console.log(person.name); //返回Tom; 获取name这个属性的值
       console.log(person["30"]); //返回10; 获取30这个属性的值

    3. 属性名可以是字符串或数字,如果属性名是数字,那么在调用时(取值),需用[]中括号,里面加""双引号来取值
        var person = {
           10:15
           30:35,
           sayname:function(){
               console.log("I'm" + this["10"]);
           }
       }
       取值:
       console.log(person["10"]); //返回15; 获取"10"这个属性的值
       console.log(person["30"]); //返回10; 获取"30"这个属性的值

    4. 原始数据类型和引用数据类型
       1. 原始数据类型是以值的形式直接将值存储到变量里(自我理解:每个变量都被分配了不同的内存区域):
          例: var person = "Tom";
              var other = person;
              person = "Nicy";
              console.log(person); //返回 "Nicy"
              console.log(other); //返回"Tom";
          由上看出: 即使把person的值修改后,other的值还是以前存储的那个值.

       2. 引用数据类型是将一个地址值(该对象属性的地址)存储到变量里,这个变量指向的是这个对象属性的内存空间:
          例: var person = {name:"Tom"};
              var other = person;
              person.name = "Nicy";
              console.log(person.name); //返回 "Nicy"
              console.log(other.name);  //返回 "Nicy"
          解释: person/other 这两个变量都存储的是{name:"Tom"}这个对象属性的存储空间,即
               指向的都是同一块内存区域,这块内存区域存储了一个匿名对象,其有着name的属性.


三. 对象数据类型的属性所具有的特性

    对象数据类型: 每个数据属性除了具有键值对的特性外,还有其他三个特性(这三个特性的初始值都为true).
    为一个对象添加属性的写法: Object.definProperty(person,"name",{
                                configurable:true,  //设置person这个对象的name属性的值为可修改的
                                value:"Tom"
                           });
    注意: 设置属性时,里面的语句用,逗号隔开,最后一条语句的后面不写逗号;Object的小括号后要有;分号

    1.  可配置性(configurable):指明该属性是否可被删除 ; (设置为true,可被删除; 设置为false,不可被删除;),
   删除属性(比如name属性)的写法: delete person.name

        例:  Object.definProperty(person,"name",{
                  configurable:true,  //设置person这个对象的name属性可被删除
                  value:"Tom"
            });
            console(person.name);//输出"Tom"
            delete person.name;  //因为configurable被设置为true,代表name属性可被删除,
                                   这里调用了delete删除方法,故name这个属性被删除了.

            console(person.name);//因为上一句已把name属性删除,此时person里没有name这个属性了,故不再打印.


    2. 枚举性(enumerable): 指明该属性能否在for/in中被遍历到;(设置为true,该属性可被遍历到,并被返回;
   设置为false,该属性不能被遍历到,即被隐藏起来了), for/in的写法:
   for(var X in person){ console.log(x + ":" + person[x]);} ---- 这个for/in就相当于以前学习的for循环,X是被遍历到的person这个对象的各个属性,若要返回属性的值,写法为person[X].

      例:  Object.definProperty(person,"name",{
                  enumerable:true, //设置person这个对象的name属性可在for/in中返回
                  value:"Tom"
            });

            Object.definProperty(person,"age",{
                  enumerable:false,  //设置person这个对象的age属性不能再for/in中被返回(将age属性隐藏起来了)
                  value:20
            });

            for(var X in person){
               console.log(X + ":" + person[X]);
            }
           for/in 的输出结果为: name:"Tom"
           因为age属性的enumerable的值设置为false,表示在for/in里不能返回age,即把age属性隐藏起来.


    3. 可写性(writable): 指明该属性能否被修改; (设置为true,该属性的值可被修改;设置为false,该属性的值不可被修改)

       例: Object.definProperty(person,"name",{
                  writable:true, //设置person这个对象的name属性的值可被修改
                  value:"Tom"
            });

           Object.definProperty(person,"age",{
                  writable:false, //设置person这个对象的age属性的值不可被修改
                  value:20
            });

            person.name = "Nicy";
            person.age = 30;
            console.log(person.name); //返回"Nicy",name属性的值修改成功
            console.log(person.age);  //返回20, age属性的值还是原值,没被修改掉

            说明: name属性的writable设置的为true,故name属性的值可被修改;
                  age属性的writable设置的为false,故age属性的值不可悲修改.