js中的值类型和引用类型小结 文字说明与实例
更新时间：2010年12月12日 18:58:39 作者：
下面就举例讲一下这两种类型在JavaScript中的体现、用法及注意事项。
一、拥抱JavaScript
曾经名不经传的JavaScript随着AJAX的流行而身价倍增，现在JavaScript不再仅仅是WEB开发中一个可有可无的辅助工具，甚至有了专门属于它的职位“JavaScript工程师”，那怕你仅仅是一名WEB后台开发程序员，你都必须了解JavaScript，至少在一些相关招聘职位要求上你可以看到“熟悉JavaScript优先”的字眼。甚至我还要告诉你，你将可以用JavaScript开发桌面软件，这得益于Adobe AIR的另外一种开发模式，即用HTML+CSS+JavaScript开发AIR。
二、值类型和引用类型话题
随着部分有大型面向对象语言基础朋友的介入，他们试着用JavaScript去模拟面像对象的各种特征，尽管有些模拟显得较为牵强，但也让我们见识到了JavaScript的强大与灵活性。本文暂不探讨JavaScript面向对象编程技术。就讲讲JavaScript中的两种变量类型：即值类型和引用类型，这通常又会让你联想到“堆栈”，另外还有“引用地址”或“指针”相关概念，有过Java或C#编程经验的人相信对这两种类型不陌生。下面就举例讲一下这两种类型在JavaScript中的体现、用法及注意事项。
三、JavaScript值类型和引用类型有哪些
（1）值类型：数值、布尔值、null、undefined。
（2）引用类型：对象、数组、函数。
四、如何理解值类型和引用类型及举例
我们可以用“连锁店”和“连锁店钥匙”来理解，不知道以下比喻合不合适，^-^。
（1）值类型理解：变量的交换等于在一个新的地方按照连锁店的规范标准（统一店面理解为相同的变量内容）新开一个分店，这样新开的店与其它旧店互不相关、各自运营。
【值类型例子】
function chainStore()
{
var store1='Nike China';
var store2=store1;
store1='Nike U.S.A.';
alert(store2); //Nike China
}
chainStore();
//把一个值类型（也可以叫基本类型）store2传递给另一个变量（赋值）时，其实是分配了一块新的内存空间，因此改变store1的值对store2没有任何影响，因为它不像引用类型，变量的交换其实是交换了指像同一个内容的地址。
（2）引用类型理解：变量的交换等于把现有一间店的钥匙（变量引用地址）复制一把给了另外一个老板，此时两个老板同时管理一间店，两个老板的行为都有可能对一间店的运营造成影响。
【引用类型例子】
function chainStore()
{
var store1=['Nike China'];
var store2=store1;
alert(store2[0]); //Nike China
store1[0]='Nike U.S.A.';
alert(store2[0]); //Nike U.S.A.
}
chainStore();
//在上面的代码中，store2只进行了一次赋值，理论上它的值已定，但后面通过改写store1的值，发现store2的值也发生了改变，这正是引用类型的特征，也是我们要注意的地方。
曾经名不经传的JavaScript随着AJAX的流行而身价倍增，现在JavaScript不再仅仅是WEB开发中一个可有可无的辅助工具，甚至有了专门属于它的职位“JavaScript工程师”，那怕你仅仅是一名WEB后台开发程序员，你都必须了解JavaScript，至少在一些相关招聘职位要求上你可以看到“熟悉JavaScript优先”的字眼。甚至我还要告诉你，你将可以用JavaScript开发桌面软件，这得益于Adobe AIR的另外一种开发模式，即用HTML+CSS+JavaScript开发AIR。
二、值类型和引用类型话题
随着部分有大型面向对象语言基础朋友的介入，他们试着用JavaScript去模拟面像对象的各种特征，尽管有些模拟显得较为牵强，但也让我们见识到了JavaScript的强大与灵活性。本文暂不探讨JavaScript面向对象编程技术。就讲讲JavaScript中的两种变量类型：即值类型和引用类型，这通常又会让你联想到“堆栈”，另外还有“引用地址”或“指针”相关概念，有过Java或C#编程经验的人相信对这两种类型不陌生。下面就举例讲一下这两种类型在JavaScript中的体现、用法及注意事项。
三、JavaScript值类型和引用类型有哪些
（1）值类型：数值、布尔值、null、undefined。
（2）引用类型：对象、数组、函数。
四、如何理解值类型和引用类型及举例
我们可以用“连锁店”和“连锁店钥匙”来理解，不知道以下比喻合不合适，^-^。
（1）值类型理解：变量的交换等于在一个新的地方按照连锁店的规范标准（统一店面理解为相同的变量内容）新开一个分店，这样新开的店与其它旧店互不相关、各自运营。
【值类型例子】
复制代码 代码如下:
function chainStore()
{
var store1='Nike China';
var store2=store1;
store1='Nike U.S.A.';
alert(store2); //Nike China
}
chainStore();
//把一个值类型（也可以叫基本类型）store2传递给另一个变量（赋值）时，其实是分配了一块新的内存空间，因此改变store1的值对store2没有任何影响，因为它不像引用类型，变量的交换其实是交换了指像同一个内容的地址。
（2）引用类型理解：变量的交换等于把现有一间店的钥匙（变量引用地址）复制一把给了另外一个老板，此时两个老板同时管理一间店，两个老板的行为都有可能对一间店的运营造成影响。
【引用类型例子】
复制代码 代码如下:
function chainStore()
{
var store1=['Nike China'];
var store2=store1;
alert(store2[0]); //Nike China
store1[0]='Nike U.S.A.';
alert(store2[0]); //Nike U.S.A.
}
chainStore();
//在上面的代码中，store2只进行了一次赋值，理论上它的值已定，但后面通过改写store1的值，发现store2的值也发生了改变，这正是引用类型的特征，也是我们要注意的地方。
相关文章
这篇文章主要介绍了JavaScript 作用域scope简单汇总,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-10-10
写一个转换RGB的值的函数，实现以下效果。2010-11-11
这篇文章主要介绍了Javascript中数组sort和reverse用法,实例分析了sort和reverse使用时的注意事项与相关技巧,具有不错的参考借鉴价值,需要的朋友可以参考下2014-12-12
假设当前显示的是1，往左滑动一个递减1，往右滑动一个递增1。下面通过实例代码给大家讲解swiper动态改变滑动内容的实现方法，感兴趣的朋友一起看看吧2018-01-01
移动端开发时,H5长页面在iOS系统中滑动时,当页面滑动到顶部或底部时,页面还能够上滑或下滑,手指离开屏幕后回弹,这就时橡皮筋效果,这篇文章主要给大家介绍了关于iOS微信H5页面橡皮回弹效果的相关资料,需要的朋友可以参考下2021-07-07
这篇文章主要介绍了JS实现侧悬浮浮动实例代码，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了JS页面获取 session 值，作用域和闭包,结合具体实例形式分析了javascript与jsp交互获取session值、函数作用域及闭包相关操作技巧,需要的朋友可以参考下2019-10-10
昨天同事问我一个问题：“有一个JSON对象，其中有若干个子对象，如何遍历这个对象中的子对象？”2009-07-07
这篇文章主要给大家汇总介绍了javascript最基本的7个函数，十分的实用，有需要的小伙伴可以参考下。2015-06-06
Bootstrap Modals（模态框）是使用定制的 Jquery 插件创建的。本文给大家介绍BootStrap模态框的使用，感兴趣的朋友一起学习吧2016-04-04
最新评论