对象的属性(三个特性)

对象的属性(三个特性)对象基础一. javascript的数据类型:对象类型(复杂数据类型)String类型(字符串类型) Number类型(数字类型)Boolean(布尔类型)Undefined(未定义类型) Null(空型)二. 对象1.对象的概念: 对象是一组原始数据类型或引用类型(方法)的序列, 这个数列是以键值

对象的属性(三个特性)

 对象基础

一. 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属性的值不可悲修改.
       
   
        
        

今天的文章对象的属性(三个特性)分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:http://bianchenghao.cn/57507.html

(0)
编程小号编程小号
上一篇 2023-08-25
下一篇 2023-08-25

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注