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


1.问题提出

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

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

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

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

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

  1. var person = {};
  2. person.name = '张三';  //第一种,基本数据类型属性
  3. person.age = 18;
  4. peron.getName = function () { //第二种,引用数据类型的属性,因为在js中函数也是对象
  5. return this.name;
  6. }
  7. Object.defineProperty(person, 'isAdult', { //第三种,访问器属性
  8. get: function () {
  9. if (person.age >= 18) {
  10. return true;
  11. } else {
  12. return false;
  13. }
  14. }
  15. });
  16. console.log(person.isAdult); //true

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

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

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

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

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

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

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

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

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

  1. var person = {};
  2. Object.defineProperty(person, 'isAdult', {
  3. get: function () {
  4. if (person.age >= 18) {
  5. return true;
  6. } else {
  7. return false;
  8. }
  9. }
  10. });
  11. var descriptor=Object.getOwnPropertyDescriptor(person,"isAdult");
  12. console.log(descriptor); //输出结果:
configurable
  false
enumerable
  false
set
  undefined
get
  function()
  1.  

从上面三个例子可以看书,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. apollo实现c#与android消息推送(四)

    4  Android代码只是为了实现功能,比较简单,就只是贴出来 package com.myapps.mqtttest; import java.util.concurrent.Executors; ...

  2. matplotlib学习之绘图基础

    matplotlib:http://www.cnblogs.com/jasonhaven/p/7609059.html 1.基本图形 散点图:显示两组数据的值,每个点的坐标位置由变量的值决定,头一组不 ...

  3. 笨鸟先飞之ASP.NET MVC系列之过滤器(01过滤器简介)

    过滤器 什么是过滤器? 过滤器(Filter) 主要的作用大致可以理解为把我们的附加逻辑注入到MVC框架的请求处理. 在ASP.NET MVC的请求处理中一种有19个管道事件分别是 BeginRequ ...

  4. VBA /VB/VB中合成分散数据方法

    公司用于项目号的合成,怕忘记,特此放上这里.若能帮助其它道友,善莫大焉. 比如:001,004,006,007,008,009,010 结果可以输出:001,004,006-010 逻辑:1.获得数据 ...

  5. 一个高性能、轻量级的分布式内存队列系统--beanstalk

    Beanstalk是一个高性能.轻量级的.分布式的.内存型的消息队列系统.最初设计的目的是想通过后台异步执行耗时的任务来降低高容量Web应用系统的页面访问延迟.其实Beanstalkd是典型的类Mem ...

  6. 【JAVA零基础入门系列】Day8 Java的控制流程

    什么是控制流程?简单来说就是控制程序运行逻辑的,因为程序一般而言不会直接一步运行到底,而是需要加上一些判断,一些循环等等.举个栗子,就好比你准备出门买个苹果,把这个过程当成程序的话,可能需要先判断一下 ...

  7. dotweb框架之旅 [一] - HelloWorld

    一直想着,要系统性的写一些dotweb使用的文章,之前拖延了不少时间,今天,下定决定,算是正式的开始,也请大家一起监督. dotweb,是一款追求简约大方的go web框架,正如其github项目主页 ...

  8. 配置eNSP和本地电脑上的网卡相连,从而直接从本地电脑连接设备

  9. Spring3实战第二章第一小节 Spring bean的初始化和销毁三种方式及优先级

    Spring bean的初始化和销毁有三种方式 通过实现 InitializingBean/DisposableBean 接口来定制初始化之后/销毁之前的操作方法: 优先级第二通过 <bean& ...

  10. linux上redis安装配置及其防漏洞配置及其攻击方法

    Linux上redis安装: 需先在服务器上安装yum(虚拟机可使用挂载的方式安装) 安装配置所需要的环境运行指令:  yum -y install gcc 进入解压文件执行make 指令进行编译 执 ...