JavaScript系列-----Objectj基于哈希存储<Key,Value>之Value


1.问题提出

JavaScript系列-----Object之基于Hash<Key,Value>存储之Key篇 (1)中,我们推理出:对象是以Hash结构存储的,对象的属性被表示为多个<Key,Value>键值对。

其中,Key的数据类型是字符串,但是,我们并没有说Value是以什么数据结构存储的,在本文中,我们将继续讨论:Value的存储类型-----博文的核心

既然在JavaScript中,对象的属性是以键值对的形式存储的,那么我们知道必须需要知道对象属性的三种类型:

    1. 基本数据类型的属性
    2. 引用数据类型的属性
    3. 数据访问器属性

我们用一个例子来分别说明这三种属性类型:

var person = {};
person.name = '张三';  //第一种,基本数据类型属性
person.age = 18;
peron.getName = function () { //第二种,引用数据类型的属性,因为在js中函数也是对象
return this.name;
}
Object.defineProperty(person, 'isAdult', { //第三种,访问器属性
get: function () {
if (person.age >= 18) {
return true;
} else {
return false;
}
}
});
console.log(person.isAdult); //true

通过上例,我们认识到三种属性类型后,那么,接下来我们来谈谈Value是怎么表示这三种属性的!

2.<Key,Value>中Value的数据结构

在JavaScript高级程序设计(第三版)中,是这么描素属性的:属性在创建时都带有一些特征值,JavaScript引擎通过这些特征值来定义他们的行为。

下面,分别讨论这三种属性分别用哪些特征值来描述:

(1).基本数据类型的属性

var person = {};
person.name = '张三';
var descriptor=Object.getOwnPropertyDescriptor(person,"name");
console.log(descriptor);               //输出结果:
configurable
  true
enumerable  
  true
value    
   "张三"
writable  
  true

(2).引用数据类型的属性

var person = {};
person.getName = function () {
return this.name;
}
person.child={name:"张四"};
var descriptor = Object.getOwnPropertyDescriptor(person, 'getName');
console.log(descriptor); //输出结果:
configurable
  true
enumerable
  true
writable
  true
value
  function()
var descriptor1 = Object.getOwnPropertyDescriptor(person, 'child');
console.log(descriptor1); //输出结果:
                          
configurable
  true
enumerable  
  true
value
  Object { name="张四"}
writable  
  true

(3).访问器类型的属性

var person = {};
Object.defineProperty(person, 'isAdult', {
get: function () {
if (person.age >= 18) {
return true;
} else {
return false;
}
}
});
var descriptor=Object.getOwnPropertyDescriptor(person,"isAdult");
console.log(descriptor); //输出结果:
configurable
  false
enumerable
  false
set
  undefined
get
  function()

从上面三个例子可以看书,Value也是用一对对<Key,Value>表示的一个结构体。当然,我们也可以将Value看做一个对象,因为对象本来就是结构体。

那么,问题的答案就显而易见了:

对象是以Hash结构存储的,用<Key,Value>键值对表示对象的属性,Key的数据类型为字符串,Value的数据类型是结构体,即对象是以<String,Object>类型的HashMap结构存储的。


3.Value中的各种特性值的含义

(1)数据类型的特性(基本数据类型属性和引用数据类型属性)

从第二部分我们可以看出,数据类型的属性的特性值有四个:

特性 数据类型 意义
configurable boolean 表示能否修改此属性特性,为false时,此属性不能删除(针对delete),且不能修改
enumerable booelan 表示此属性是否能被枚举,为false时,不能被枚举得到(针对 for-(in))
writeable boolean 表示是否能够修改属性的值,为false时,此属性的值不能被修改
value 根据具体值设定 属性的数据值,写入属性的时候把新值保存在这个位置

(2)访问器类型的特性(访问器类型的属性)                   

特性 数据类型 意义
configurable boolean 表示能否修改此属性特性,为false时,此属性不能删除(针对delete),且不能修改
enumerable booelan 表示此属性是否能被枚举,为false时,不能被枚举得到(针对 for-(in))
get function 通过该函数返回该属性的值
set function 修改该属性的值,参数为属性的值.

一点引申(Value中其他的特性):

<Key,Value>中Value是一个结构体,其保存的难道就只有上述列举出的特性吗?------当然不是

例如: 在描述数据类型的四个特性的value中,value也可以表示一个对象,也可以表示字符串,也可以表示数字,那么也就肯定存在对value所表示类型的描述,只不过JS引擎是在后台处理,我们 看不到而已。

当然,在<Key,Vaule>的Value中还肯定存在另外一个特性,(base)-----base是一中引用类型的数据,指向拥有该属性的对象。当value是函数类型的时候,该函数被调用时,用base来于初始化this指针,(当然,这些已超出我们要讨论的范围)。

JavaScript系列-----对象基于哈希存储(<Key,Value>之Value篇) (3)的更多相关文章

  1. JavaScript系列-----对象基于哈希存储(<Key,Value>之Key篇) (1)

    1.Hash表的结构 首先,允许我们花一点时间来简单介绍hash表. 1.什么是hash表 hash表是一种二维结构,管理着一对对<Key,Value>这样的键值对,Hash表的结构如下图 ...

  2. 深入理解JavaScript系列(46):代码复用模式(推荐篇)

    介绍 本文介绍的四种代码复用模式都是最佳实践,推荐大家在编程的过程中使用. 模式1:原型继承 原型继承是让父对象作为子对象的原型,从而达到继承的目的: function object(o) { fun ...

  3. 深入理解JavaScript系列(45):代码复用模式(避免篇)

    介绍 任何编程都提出代码复用,否则话每次开发一个新程序或者写一个新功能都要全新编写的话,那就歇菜了,但是代码复用也是有好要坏,接下来的两篇文章我们将针对代码复用来进行讨论,第一篇文避免篇,指的是要尽量 ...

  4. Javascript系列——对象元素的数组去重实现

    概要 这是一篇记录文,记录数组操作对象去重的实现. 需求 有这样一个数组 [{ _id: 123, name: '张三' },{ _id: 124, name: '李四' },{ _id: 123, ...

  5. JavaScript系列----数据类型以及传值和传引用

    1.简单数据类型 在JavaScript中简单数据类型分为5种.分别为 Undefined, Null,Boolean,Number,String. Undefined类型Undefined类型只有一 ...

  6. 深入理解JavaScript系列

    转自http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html 深入理解JavaScript系列(1):编写高质量JavaScript代码 ...

  7. 深入理解JavaScript系列(转自汤姆大叔)

    深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大叔写作的动力. 深入理解JavaScript系列(1):编写高质量JavaScript ...

  8. [转]深入理解JavaScript系列

    文章转自:汤姆大叔-深入理解JavaScript系列文章 深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大叔写作的动力. 深入理解Ja ...

  9. [转载]深入理解JavaScript系列 --汤姆大叔

    深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大叔写作的动力. 深入理解JavaScript系列(1):编写高质量JavaScript ...

随机推荐

  1. C++ sizeof 误区 大公司面试题

    1.C++ 无成员变量和函数的类型的实例,求该实例的sizeof? 答:是1.(不是0) 2.如果在题1的基础上有1个成员变量,sizeof是(1+成员变量的大小)吗? 答:不是,是成员变量的大小. ...

  2. 【BZOJ】2190 [SDOI2008]仪仗队(欧拉函数)

    Description 作为体育委员,C君负责这次运动会仪仗队的训练.仪仗队是由学生组成的N * N的方阵,为了保证队伍在行进中整齐划一,C君会跟在仪仗队的左后方,根据其视线所及的学生人数来判断队伍是 ...

  3. 再起航,我的学习笔记之JavaScript设计模式28(委托模式)

    ## 委托模式 ### 概念介绍 **委托模式(Entrust): **多个对象接收并处理同一请求,他们将请求委托给另一个对象统一处理请求. ### 利用委托优化循环 如果我们有一个需求需要让用户点击 ...

  4. 监控利器 sysdig - 每天5分钟玩转 Docker 容器技术(79)

    sysdig 是一个轻量级的系统监控工具,同时它还原生支持容器.通过 sysdig 我们可以近距离观察 linux 操作系统和容器的行为. Linux 上有很多常用的监控工具,比如 strace,tc ...

  5. XML读取信息并显示

    这个类命名叫Message.cs namespace Common { public class Message { /// <summary> /// 信息编号 /// </sum ...

  6. 【MVC】MvcPager分页及边界传递数据示例

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  7. AVPlayer缓存实现

    没有任何工具能适用于所有的场景,在使用AVPlayer的过程中,我们会发现它有很多局限性,比如播放网络音乐时,往往不能控制其内部播放逻辑,比如我们会发现播放时seek会失败,数据加载完毕后不能获取到数 ...

  8. Hadoop技术之Hadoop HA 机制学习

    欢迎大家前往腾讯云技术社区,获取更多腾讯海量技术实践干货哦~ 作者:温球良 导语 最近分享过一次关于Hadoop技术主题的演讲,由于接触时间不长,很多技术细节认识不够,也没讲清楚,作为一个技术人员,本 ...

  9. hdu 4751 Divide Groups bfs (2013 ACM/ICPC Asia Regional Nanjing Online 1004)

    SDUST的训练赛 当时死磕这个水题3个小时,也无心去搞其他的 按照题意,转换成无向图,预处理去掉单向的边,然后判断剩下的图能否构成两个无向完全图(ps一个完全图也行或是一个完全图+一个孤点) 代码是 ...

  10. Oracle学习笔记之存储过程

                                                                                                        ...