JavaScript系列----数据类型以及传值和传引用 对象基于哈希存储（之Key篇（1） JavaScript系列-----对象基于哈希存储（之Valu

1.简单数据类型

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

• Undefined类型
  Undefined类型只有一个值，即特殊的undefined。在使用var对变量声明的时候，变量的值即被初始化为undefined.
  在使用typeof求得数据类型的时候，对于未声明的变量返回的老是undefined.
  
  
• Null类型
  Null也只有一个值得数据类型,其实质是一个指向空对象的指针。因此使用typeof操做的时候返回的是一个object类型。

  var object = null; console.log(typeof object);//object

  实际上，Undefined派生自Null类型。因此，Ecma-262规范中，null==undefined //值为true.
  
  
• Boolean类型
  Boolean类型只有两个值ture或者false.
  
  
• Number类型
  Number数据类型有几个比较常使用的数值常量。
  　　
  　　(1)最大值： Number.MAX_VALUE.
  　　(2)最小值： NUMBER.MIN_VALUE.
      (3)正无穷大： Infinity
  　　(4)负无穷大： -Infinity
      (5)非数字   ：NaN.
  
  数值转换：
  数值转换有三种常见的函数：Number, ParseInt, ParseFloat
  Number经常使用于转型函数，然后两种经常使用于字符串转数值。
  
  
• String类型
  基本数据类型中，最复杂的一种也就是字符串了。

　　    字符串的特色：
　　　　　　（1）.单双引号报过均可。
　　　　　　（2）.字符串不可变。
　　　　　　　　　什么是字符串不可变？　　　　　　

 var str1="hello"; //开辟一份新空间 var str2="world"; //开辟一份新空间 str1=str1+str2;　　//由于字符串的不可变特性，改变字符串会从新开辟一份新空间，之前的那一份在一段时间后被垃圾回收机制回收。 console.log(str1);　　　　　　　　 做为基本数据类型，字符串做为函数参数的时候是传值仍是传引用呢?

　　　　若是传值：   则必须复制一份新的字符串做为参数。字符串若是太长的话，很明显，浪费空间。
　　　　若是传引用： 字符串做为参数，若是值没有改变,则不须要开辟新的空间。
　　　　　　　　　　 若是值改变，又由于字符串不可变的特性而会从新开辟新的空间。
　　　　　　　　　　 因此，字符串在做为参数的时候是传引用而非传值。

                  注： 关于传值仍是传引用，咱们这里参照物均为变量自己。------详情请看第三部分。

2.复杂数据类型　　

　　复杂数据类型也就是咱们常说的引用类型.引用类型是一种数据结构，其值也就是其所指向的对象。
　　ECMAScript提供了不少原生态的引用类型。

• Object类型
      （1）两种建立方式

• • //第一种，使用构造函数。
    var  object=new Object();
    object.name="xxxx";
    
    
    //第二种，使用字面量的建立方式，程序员更倾向于第二种
    var object={ 
           name:"xxxx"  
    }

(2) 对象的属性

Object数据类型的对象是采用松散的结构组织属性的。所谓的松散，就是咱们所说的用键值对来保存对象。而键值对以hash表结构存储。

有关于对象以键值对存储的文章，详情见对象基于哈希存储（<Key，Value>之Key篇（1）。

　　　　　Object类型的对象，属性能够分为两类：

　　　　　　a.数据属性

　　　　　　　　数据属性有四个描素其行为的特性。　　

1. 1. 1. [Configurable]：表示是否能够经过delete删除该属性，可否修改属性的特性。
         

         var object = { name: '张三' }; Object.defineProperty(object, 'name', { configurable: false }); delete object.name;  //false

         Object.defineProperty(object, 'name', {
         configurable: true
         });    //error:TypeError: can't redefine non-configurable property 'name'

      2. [Enumerale]:表示该属性是否能够经过for-in循环遍历
         

         var object = {
           name: '张三',
           age:18
         };
         Object.defineProperty(object, 'name', {
           configurable: false,
           enumerable: false
         });
         for (var property in object) {
           console.log(property);    //age
         }

          

      3. [Writable]:表示该属性的值是否能被更改
         

         var object = { name: '张三', age: 18 }; Object.defineProperty(object, 'name', { configurable: false, enumerable: false, writable: false }); object.name = '李四'; console.log(object.name);//张三，name未被更改

      4. [Value]:保存属性的值，写入属性的时候，将属性的值保存在此位置；读取此属性的时候，从该值中读取。
         

         var object = { name: '张三' }; Object.defineProperty(object, 'age', { configurable: false, enumerable: false, writable: false, value: 18 }); console.log(object.age);//18　　　　　　　　　
         　　

b.访问器属性：访问器属性不包含数据值，但其包含getter和setter函数。其也有四个特征值对其进行描述

1. 1. [Configurable]：表示是否能够经过delete删除该属性，可否修改属性的特性。
   2. [Enumerale]:表示该属性是否能够经过for-in循环遍历。
   3. [Get]:在读取属性时，调用的函数。
      

      var object = { name: '张三', age: 18 }; Object.defineProperty(object, 'isAdult', { configurable: false, enumerable: false, get: function () { if (this.age < 18) { return false; } else { return true; } } }); console.log(object.isAdult);//true isAdult就是一个访问器属性

   4. [Set]:在写入属性时调用的函数
      

      var object = { name: '张三', age: 18 }; Object.defineProperty(object, 'changeAge', { configurable: false, enumerable: false, set: function (value) { this.age = value; } }); object.changeAge=17; console.log(object.age);//17

　　（3）对象的经常使用方法

• 　toString():返回对象的字符串形式。
• 　valuOf():该方法取得对象的基本数据类型。通常返回的是个数值。 其与toString()方法的区别，详请见JavaScript系列-----对象基于哈希存储（<Key，Value>之Value篇） （3）。
• 　hasOwnProperty(attrName)：判断对象中是否有某一个属性，且该属性不在对象的原型对象上。
• 　Object.getOwnPropertyNames(object):返回一个数组，数组中保存着对象object中的全部属性名，且该属性不在原型对象上。　　
  
  
  
• Array类型
  (1)定义：数组对象用来在单独的变量名中存储一系列的值。
  (2)建立方式:
  

  //第一种 使用构造函数
  var mycars=new Array() mycars[0]="Saab" mycars[1]="Volvo" mycars[2]="BMW" 或者 var mycars=new Array("Saab","Volvo","BMW") //第二种 使用数组字面量
  var  colors=["red","blue","green"]; 

  (3)数组的属性
  　　length:数组的 length 属性老是比数组中定义的最后一个元素的下标大 1,经过length 属性可设置或返回数组中元素的数目。
  

  var array=[]; array[100]=10; console.log(array.length);//101
  
  

  array=[1,2,3,4,5];
  array.length=3;
  console.log(array);//1,2,3

• Date类型
  
  建立方式:
  
  

  • var myDate=new Date(); //Date 对象自动使用当前的日期和时间做为其初始值。

     补充说明：对于时间  其月份老是从0开始算起，即月份表示 0---11.而其余的和咱们正常所理解的是一致的。
•  函数类型（参见本系列第四篇函数篇）
• RegExp类型（在下一篇文章中做为专题）

  3.传值和传引用 

    　　(1)问题的起源

   其实这个问题来源于C和C++,由于C或C++里都有一个特殊的数据类型----指针，那时候所谓的传值和传引用是对指针来讲的。
那么针对指针来讲，什么是传值，又什么是传引用呢？首先，指针做为一种数据类型，其自己确定是占用必定的内存空间，并且，指针同时还要指向另外一块内存空间。

　　　　　　如图所示：

    针对指针来讲，指针做为一种数据类型，指针的标识符也就是其在内存中所在的地址，指针的值就是其所指向的地址。也就是说，指针值是地址。
那么一个指针在做为函数的参数的时候，传给参数的究竟是指针的地址仍是指针的值呢？ ----这就是传值和传引用问题的起源.

　　　　（2）指针的传值和传引用
            函数的参数，在函数被调用的时候，在其函数所开辟的那个栈中是占用必定的内存空间的，那么这块内存空间的值是什么呢？

首先，先确定一点，形参的值来源确定是实参。那么，实参给形参赋值的时候传的是什么呢？

　　　　　　　　　　（1）传的是结构体地址，那么就如图所示：

　　　　　　　　　　　　　　　　

 

  若是传的是结构体的地址，那么也就是指针的值赋值给形参。因此，这就是咱们所谓的传值。由图中咱们能够看出，若是是传值的话，那么做为形参的指针和做为实参的指针，指向的是同一个结构体。

　　　　　　
　　　　　（2）若是传的是指针的地址，那么指针的地址就会赋值给形参。结果，如图所示：
　　　　　　　　
　　对于传引用来讲，形参的值是指针的地址，那么每次对形参的改变，其实改变的都是指针所指向的地址。而若是向取得结构体的地址，也须要经过实参的地址。
　　　　

(3)JS中只存在传值

首先须要明确一写概念，即引用和对象的概念。

引用：也就是咱们所说的指针，其存在于栈中。

对象：也就是上图中咱们所标记的结构体，其存在于堆中。

引用的值就是对象所在的地址。咱们用一个例子说明： 

var person = {
  name: '张三',
  age: 18
};
function setName(object) {
  object.name = '王五';
}
setName(person);
console.log(person.name);//王五

 依然用图来解释：

 

从上图中咱们能够看书，函数在传参是，传的是实参的值，也就是指针的值。咱们，咱们这里理解为传值。

可是，换一种角度来讲，把对象看成参照物，传给形参的值就是对象的地址，也并不是对象自己，说是传引用也不为过。

因此，不管是传值仍是传引用，只要理解了便可。不必纠结于字眼。

 

（4）基本数据类型传值

首先基本数据类型与引用数据类型相比的差异就是，基本数据类型保存在函数运行时的栈中，而引用数据类型的值保存在堆空间中。那么，若是基本数据类型给形参赋值的时候是怎样的呢？

举个例子：

var x = 1;
function add(num) {
  return num + 1;
}
add(1);

 x做为实参，num做为函数的形参，当函数add被调用时，形参num被赋值为实参x的值。即 num=1;结构图以下所示：

如上如所示，此时对形参的值作任何改变均与实参无关，实参和形参是两个互不关联的个体。

 

补充一点： 字符串也是一种数据类型，那么字符串的值保存在哪里呢？ 其做为函数参数的时候，传值是如何进行的呢？

字符串虽然也是一种基本数据类型，但由于其大小不固定，因此，其通常其更像与引用数据类型。但其又有其特殊性----不可变性。

　　什么是字符串的不可变？

var str="";
for(var i=0;i<3;i++){
str+=i;
}
console.log(str);//012  

 

     看上图程序，字符串是能够改变的。那为何还要说，字符串不可变呢，先别急，咱们来分析一下程序运行时内存结构图。

　　　　　　　　　 

 

 

 

 

 

 

 

 

 

　　　　　　　　　

        看到没有，每一次字符串值的改变，其所指向的地址都会跟着改变一次。其所说的不可变，是跟引用数据类型相比来讲，引用数据类型值的改变通常是对象自己的改变，而其指向是不变的，而字符串值的改变是其指向地址的改变。因此，字符串的每一次改变都会产生垃圾,此垃圾过一段时间会被垃圾回收机制回收。

了解了上述的状况，因此字符传在做为参数的时候，为了节省空间，只是复制了字符串所指向的地址给形参，而形参的值若是改变了的话，由于字符串具备不可变特性，因此会从新开辟一份空间给形参。以下

var str = '你是谁？';
function change(str) {
  str = '我就是我了';
}
change(str);
console.log(str);//你是谁

 

 　　

 

 字符串在Java C++中均做为比较特殊的一种类型，JS中虽然将其看成一种基本数据类型，可是其使用时更偏向于引用数据类型，可是其又具备不可变型，才促使咱们能够将其看成基本数据类型使用。