JavaScript变量类型以及变量作用域详解

变量类型

ECMAScript变量可能包含两种不同类型的数据值：基本类型和引用类型。

基本类型

基本类型指的是简单的数据段，5种基本数据类型：undefined、null、boolean、number、string，基本数据类型是按值访问的，因此可以操作保存在变量中的实际的值。

复制变量值

从一个变量向另一个变量复制基本类型的值，会在变量对象上创建一个新值，然后把该值复制到为新变量分配的位置上。例如：

var num1 = 5;
var num2 = num1;

复制前的变量对象

复制后的变量对象

引用类型

引用类型指那些可能由多个值构成的对象，引用类型的值是保存在内存中的对象，JavaScript不允许直接访问内存中的位置，在操作对象时，实际上是在操作对象的引用而不是实际的对象，因此，引用类型的值是按引用访问的。

动态属性

引用类型的值，我们可以为其添加属性和方法，也可以改变和删除其属性和方法。如果对象不被销毁或者这个属性不被删除，则这个属性将一直存在，但是我们不能给基本类型的值添加属性。例如：

var person = new Object();
person.say = "hello";
alert(person.say); //"hello"

复制变量值

从一个变量向另一个变量复制引用类型的值时，也会将存储在变量对象中的值复制一份放到为新变量分配的空间中，这个值的副本实际上是一个指针，而这个指针指向存储在堆中的一个对象。复制结束后，两个变量实际上将引用同一个对象，改变其中一个变量，就会影响另一个变量。例如：

var obj1 = new Object();
var obj2 = obj1;
obj1.say = "hello";
alert(obj2.say); //"hello"

传递参数

ECMAScript中所有函数的参数都是按值传递的，把函数外部的值复制给函数内部的参数。在向参数传递基本类型的值时，被传递的值会被复制给一个局部变量；在向参数传递引用类型的值时，会把这个值在内存中的地址复制给一个局部变量，因此这个局部变量的变化会反映在函数的外部。例如：

function addTen(num) {
 num += 10;
 return num;
}
var count = 20;
var result = addTen(count);
alert(count);  //20 
alert(result);  //30

执行环境及作用域

执行环境定义了变量或函数有权访问的其他数据，决定了他们各自的行为。
全局执行环境是最外围的执行环境，在WEB浏览器中，全局执行环境被认为是window对象，因此全局变量和属性都是作为window的属性和方法创建的。
每个函数都有自己的执行环境，当执行流进入一个函数时，函数的环境就会被推入一个环境栈中，在函数执行之后，栈将其弹出，将控制权返回给之前的执行环境。
当代码在一个环境中执行时，会创建变量对象的一个作用域链，作用域链的用途是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端始终是当前指行代码所在的变量对象，作用域链中下一个变量对象来自外部环境，再下一个变量对象来自下一个外部环境，这样一直延续到全局环境，全局执行环境的变量对象始终是作用域链的最后一个对象。
标识符解析是沿着作用域链一级一级地搜索标识符的过程。搜索过程始终从作用域链的前端开始，然后逐级地向后回溯，直到找到标识符为止。

内部环境可以通过作用域链访问所有的外部环境，但外部环境不能访问内部环境中的任何变量和函数。

无块级作用域

JavaScript中没有块级作用域，例如：

if（true）{
 var color = "blue";
}
alert(color);  //"blue"

在函数中未使用var声明的变量会被*局变量，例如：

function add(num1,num2){
 sum = num1 + num2;
 return sum;
}
var result = add(10,20);
alert(sum);  //30

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# js  # 变量类型  # 变量作用域  # JavaScript高级程序设计之变量与作用域  # JS中作用域以及变量范围分析  # JavaScript变量作用域及内存问题实例分析  # JS块级作用域和私有变量实例分析  # javascript 的变量、作用域和内存问题  # JS变量及其作用域  # js 作用域和变量详解  # 关于JS变量和作用域详解  # JavaScript变量的作用域全解析  # JavaScript 变量、作用域及内存  # JavaScript中的变量作用域介绍  # js变量、作用域及内存详解  # 深入解析JavaScript中的变量作用域  # Javascript变量作用域详解  # JavaScript中变量的作用域详解  # 外部环境  # 都是  # 就会  # 不被  # 流进  # 自己的  # 是一个  # 是在  # 都有  # 变量值  # 多个  # 两种  # 会在  # 将其  # 我们可以  # 可以通过  # 弹出  # 为其  # 会把  # 能给 

相关文章： 建站之星2.7模板：企业网站建设与h5定制设计专题  如何通过免费商城建站系统源码自定义网站主题与功能？  网站设计制作企业有哪些,抖音官网主页怎么设置？  如何快速重置建站主机并恢复默认配置？  如何在香港服务器上快速搭建免备案网站？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  怀化网站制作公司,怀化新生儿上户网上办理流程？  建站之星免费模板：自助建站系统与智能响应式一键生成  公众号网站制作网页,微信公众号怎么制作？  招商网站制作流程,网站招商广告语？  代刷网站制作软件,别人代刷火车票靠谱吗？  宝塔Windows建站如何避免显示默认IIS页面？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  如何制作算命网站,怎么注册算命网站？  金*站制作公司有哪些,金华教育集团官网？  建站之星代理平台如何选择最佳方案？  ,购物网站怎么盈利呢？  浅谈Javascript中的Label语句  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  如何访问已购建站主机并解决登录问题？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  如何通过商城自助建站源码实现零基础高效建站？  建站10G流量真的够用吗？如何应对访问高峰？  如何通过商城免费建站系统源码自定义网站主题？  如何在建站宝盒中设置产品搜索功能？  如何通过可视化优化提升建站效果？  Swift中swift中的switch 语句  简易网站制作视频教程,使用记事本编写一个简单的网页html文件？  如何用PHP快速搭建CMS系统？  香港服务器选型指南：免备案配置与高效建站方案解析  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍？  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  平台云上自主建站：模板化设计与智能工具打造高效网站  如何用wdcp快速搭建高效网站？  浅析上传头像示例及其注意事项  如何用腾讯建站主机快速创建免费网站？  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  网站代码制作软件有哪些,如何生成自己网站的代码？  中山网站制作网页,中山新生登记系统登记流程？  攀枝花网站建设,攀枝花营业执照网上怎么年审？  如何在IIS7中新建站点？详细步骤解析  b2c电商网站制作流程,b2c水平综合的电商平台？  如何通过WDCP绑定主域名及创建子域名站点？  装修招标网站设计制作流程,装修招标流程？  北京制作网站的公司,北京铁路集团官方网站？  寿县云建站：智能SEO优化与多行业模板快速上线指南  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？