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. 关于JetBrains CLion 激活 (CLion License Activation)的解决办法,带hosts详细修改

    CLion版本号:JetBrains CLion 2017.2.1 第一行选择Activite,第二行Activate license with:选择Activation code. 这个时候里面的代 ...

  2. poj2155一个二维树状数组

                                                                                                         ...

  3. sql sever 基础知识及详细笔记

    第六章:程序数据集散地:数据库 6.1:当今最常用的数据库 sql  server:是微软公司的产品 oracle:是甲骨文公司的产品 DB2:数据核心又称DB2通用服务器 Mysql:是一种开发源代 ...

  4. 我的第一个python web开发框架(5)——开发前准备工作(了解编码前需要知道的一些常识)

    中午吃饭时间到了,小白赶紧向老菜坐的位置走过去. 小白:老大,中午请你吃饭. 老菜:哈哈...又遇到问题了吧,这次得狠狠宰你一顿才行. 小白:行行行,只要您赏脸,米饭任吃,嘻嘻,我们边走边聊. ... ...

  5. 机器学习理论提升方法AdaBoost算法第一卷

    AdaBoost算法内容来自<统计学习与方法>李航,<机器学习>周志华,以及<机器学习实战>Peter HarringTon,相互学习,不足之处请大家多多指教! 提 ...

  6. 吐槽CSDN--想钱想疯了--推荐文章里面广告博文去不掉

    CSDN广告手段高,广告博文删不掉! 如图所示,我自己的博客文章下面有个相关文章推荐,这是csdn新出的信息流式内容呈现方式,也没什么太大问题.只是,你在里面放广告"羊毛衫,弹力裤" ...

  7. javaScript 设计模式系列之四:组合模式

    介绍 组合模式(Composite Pattern):组合多个对象形成树形结构以表示具有"整体-部分"关系的层次结构.组合模式对单个对象(即叶子对象)和组合对象(即容器对象)的使用 ...

  8. win10 UWP 蜘蛛网效果

    我看见了知乎首页登录背景和普通的地球人写的博客,发现了个好看的效果. 那么我来告诉大家如何做这个效果. 第一步是在 Canvas 画点,第二步是让点移动,第三步是画线 在 Canvas 画一个点 我们 ...

  9. VisualStudio 合并代码文件

    如果有相同的类,一般可以使用 partial 让他写在多个文件,那么如何把多个文件合并?请看 MainWindow.xaml 和 MainWindow.xaml.cs 其中 代码文件被折叠,那么如何做 ...

  10. socket__服务端于客户端

    #!/usr/bin/env python # -*- coding: utf-8 -*- # @Time : 2017/8/23 15:33 # @Author : Mr_zhang # @Site ...