JavaScript系列-----对象基于哈希存储(<Key,Value>之Value篇) (3)
JavaScript系列-----Objectj基于哈希存储<Key,Value>之Value
1.问题提出
在JavaScript系列-----Object之基于Hash<Key,Value>存储之Key篇 (1)中,我们推理出:对象是以Hash结构存储的,对象的属性被表示为多个<Key,Value>键值对。
其中,Key的数据类型是字符串,但是,我们并没有说Value是以什么数据结构存储的,在本文中,我们将继续讨论:Value的存储类型-----博文的核心
既然在JavaScript中,对象的属性是以键值对的形式存储的,那么我们知道必须需要知道对象属性的三种类型:
- 基本数据类型的属性
- 引用数据类型的属性
- 数据访问器属性
我们用一个例子来分别说明这三种属性类型:
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)的更多相关文章
- JavaScript系列-----对象基于哈希存储(<Key,Value>之Key篇) (1)
1.Hash表的结构 首先,允许我们花一点时间来简单介绍hash表. 1.什么是hash表 hash表是一种二维结构,管理着一对对<Key,Value>这样的键值对,Hash表的结构如下图 ...
- 深入理解JavaScript系列(46):代码复用模式(推荐篇)
介绍 本文介绍的四种代码复用模式都是最佳实践,推荐大家在编程的过程中使用. 模式1:原型继承 原型继承是让父对象作为子对象的原型,从而达到继承的目的: function object(o) { fun ...
- 深入理解JavaScript系列(45):代码复用模式(避免篇)
介绍 任何编程都提出代码复用,否则话每次开发一个新程序或者写一个新功能都要全新编写的话,那就歇菜了,但是代码复用也是有好要坏,接下来的两篇文章我们将针对代码复用来进行讨论,第一篇文避免篇,指的是要尽量 ...
- Javascript系列——对象元素的数组去重实现
概要 这是一篇记录文,记录数组操作对象去重的实现. 需求 有这样一个数组 [{ _id: 123, name: '张三' },{ _id: 124, name: '李四' },{ _id: 123, ...
- JavaScript系列----数据类型以及传值和传引用
1.简单数据类型 在JavaScript中简单数据类型分为5种.分别为 Undefined, Null,Boolean,Number,String. Undefined类型Undefined类型只有一 ...
- 深入理解JavaScript系列
转自http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html 深入理解JavaScript系列(1):编写高质量JavaScript代码 ...
- 深入理解JavaScript系列(转自汤姆大叔)
深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大叔写作的动力. 深入理解JavaScript系列(1):编写高质量JavaScript ...
- [转]深入理解JavaScript系列
文章转自:汤姆大叔-深入理解JavaScript系列文章 深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大叔写作的动力. 深入理解Ja ...
- [转载]深入理解JavaScript系列 --汤姆大叔
深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大叔写作的动力. 深入理解JavaScript系列(1):编写高质量JavaScript ...
随机推荐
- hdu3695 ac自动机入门
Computer Virus on Planet Pandora Time Limit: 6000/2000 MS (Java/Others) Memory Limit: 256000/1280 ...
- PIC24 通过USB在线升级 -- USB HID bootloader
了解bootloader的实现,请加QQ: 1273623966 (验证填bootloader):欢迎咨询或定制bootloader; 我的博客主页www.cnblogs.com/geekygeek ...
- git fsck -- 一致性检查
格式: git fsck [选项] <path> 选项 git commit -a 提交所有改动的文件(a -- all) git commit -m 提交说明(m ...
- Python自学笔记-面向对象相关(Mr seven)
---恢复内容开始--- http://www.cnblogs.com/wupeiqi/articles/5433893.html 类的成员可以分为三大类:字段.方法和属性. 一.字段 字段包括:普通 ...
- 【转】Wi-Fi 20mhz 和 40mhz 频段带宽的区别是什么?
一.无线网卡模式 wifi现在市场上主要存在802.11a/b/g/n/ac五种模式的无线网卡: 1.b的最大速率11Mbps,频段2.4G,带宽22M: 2.a的最大速率54Mbps,频段5G,带宽 ...
- 标准模型和IE模型的区别:
标准模型和IE模型的区别: 标准盒子模型的content的宽高不包含其他部分,但是IE盒子模型的content部分包含padding和border 比如:margin=10:border=5:p ...
- javascript中关于this指向问题详解
前 言 LiuDaP 在前端的学习中,我们必然要用到js,js可以说是前端必不可少的的东西.在学习js的过程中,我们会经常用到this这个东西,而this的指向问题就变得尤为重要.今天正好有空闲 ...
- JavaScript设计模式--简单工厂模式例子---XHR工厂
第一步,Ajax操作接口(目的是起一个接口检测作用) (1)引入接口文件 //定义一个静态方法来实现接口与实现类的直接检验 //静态方法不要写出Interface.prototype ,因为这是写到接 ...
- 【转】PC架构系列:CPU/RAM/IO总线的发展历史!
原文地址:http://blog.csdn.net/xport/article/details/1387928 1. 从 IBM PC XT 架构开始...一开始PC的设计中,CPU/RAM/IO都是 ...
- 使用 Skeleton Screen 提升用户感知体验
1024程序猿节"愿世界和平,没有bug",腾讯云社区向改变世界的程序猿致敬! 作者:陈纬杰 一直以来,无论是web还是iOS.android的应用中,为了提升应用的加载等待这段时 ...