码迷,mamicode.com
首页 > 编程语言 > 详细

javascript基本类型和引用类型

时间:2014-12-03 12:00:21      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:io   ar   color   sp   java   on   数据   bs   cti   

 基本类型(null、undefined、boolean、number、string)和引用类型(Object 对象)

1  基本类型:只能不存一个值,一种类型;从一个变量向另一个变量复制基本类型的值,会在变量对象上创建一个新值,然后把该值复制到为新变量分配的位置上,var num1 = 5;var num2 = num1;这样num1和num2 是完全独立的,操作互不影响。

2  引用类型:创建一个对象,可以添加、修改、删除属性和方法;当一个变量向另一个变量复制引用类型值时,同样也会将存储在变量对象中的值复制一份放到为新变量分配的空间中,不同的是,这个值的副本实际上是一个指针,而这个指针指向存储在堆中的一个对象,复制操作结束后,两个变量实际上将引用同一个对象。因此,改变其中一个变量,就会影响另一个变量。var obj1 = new Object(); var obj2 = obj1; obj1.name = "summer";alert(obj2.name);//‘输出 summer。

3  (函数)参数传递:基本类型的传递如同基本类型变量的复制一样,而引用类型值的传递,则如同引用类型变量的复制一样。在向参数传递基本类型的值时,被传递的值会被复制给一个局部变量,而在向参数传递引用类型的值时,会把这个值在内存中放入地址复制给一个局部变量,因此这个局部变量的变化会反应在函数的外部。

实例A:

              functionaddTen(){

                num +=10;

                   return num;

              }

     var count = 20;

              var result = addTen(count);

              alert(cont);//20,没变化

              alert(result);//30 

由于传递的是基本类型值,所以传递后函数参数和外部变量相互独立,互不影响;

实例B:

  function setName(obj){

    obj.name = ‘summer‘;

  }

  var person = new Object();

      setName(person);

  alert(person.name);// ‘summer‘

由于传递的是引用类型值,所以传递后函数参数和外部变量指向相同的内存地址,引用的是同一个对象;换句话说,即使这个变量是按值传递的,obj 也会按引用来访问同一个对象。于是,当在函数内部为obj 添加name 属性后,函数外部的person 也将有所反应,因为person 指向的对象在堆内存中只有一个,而且是全局对象。很多开发人员错误的认为:在局部作用域中修改的对象会在全局作用域中反映出来,就说明参数是按引用传递的,可是请看下面的例子,

实例C:

  function setName(){

    obj.name = ‘summer‘;

    obj = new Object();

    obj.name = ‘winter‘;

  }

  var person = new Object();

  setName(person);

  alert(person.name);//  ‘summer‘

这个和实例B 的区别是函数中为obj 重新定义了一个对象,以及重新设置 name属性的值。  如果person  是按引用传递的,那么person 就会自动被修改为指向其name属性值为"winter" 的新对象,但是原始的引用仍然保持不变。这说明,当在函数内部重写obj 时,这个变量引用的就是一个局部对象了,而这个局部对象会在函数执行完毕后立即被销毁。

4 检测类型:检测一个变量是不是基本数据类型,typeof 是最佳工具。检测引用类型的值时,用instanceof ,返回true 或false。如  

      alert(person instanceof Object);

  alert(colors instanceof Array);

  alert(patten instanceof RegExp);

  

javascript基本类型和引用类型

标签:io   ar   color   sp   java   on   数据   bs   cti   

原文地址:http://www.cnblogs.com/summerzi/p/4139190.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!