变量的声明

在JavaScript程序中,使用一个变量之前应当使用关键字var进行声明,如下所示:
var num;
var sum;

也可以写成
var num,sum,avg;
如果只是声明变量而没有给变量赋值,默认的值是undefined。

可以将变量的初始赋值和变量声明合写在一起如下所示:
var h = "Hello",w = "World";
var a = 10, b = 20;

虽然使用关键字var进行了变量声明,但JavaScript中变量类型属于动态类型,所以不需要给变量指定数据类型,每当变量的值类型发生改变时,就会在内部将数据类型记录下来,变量的数据类型会随着值的改变而改变。

所以:
var i = 10;
i = "Hello"
是合法的。

使用var语句重复声明变量是合法且有必要的,如果重复声明并且初始化了变量,那么这就和一条简单的赋值语句没什么两样,如果你试图读取一个没有声明的的变量的值,JavaScript会报错。在ESMAScript5严格模式中,给一个没有声明的变量赋值也会报错,然而在非严格模式中,给一个没有声明的变量赋值,JavaScript会创建一个同名的全局变量,并让它工作起来,但并不和全局变量完全一样,这意味着你可以侥幸不声明全局变量,但这不是一个好的编程习惯,并会造成很多BUG,因此应当使用var来声明变量。

变量的作用域
一个变量的作用域是程序源码中定义这个变量的区域,全局变量拥有全局作用域,在JavaScript代码中的任何地方都是有意义的。
在函数内声明的变量时局部变量,函数形参也是局部变量,它们只在函数体内有意义。

虽然在全局作用域可以不使用var声明变量,但是在函数内必须使用var声明变量。如果在函数内不使用var声明变量,JavaScript会去全局变量中去寻找该变量,如果在全局变量中找到则使用全局变量,如果在全局变量中没找到,会创建一个全局变量。如下所示:

var a = 10;

function fun()
{
a = 20; # 会改变全局变量的值
b = 30; # 会声明一个全局变量
}
fun()
console.log(a,b)

所以在函数体内声明变量时必须要使用var来进行声明。

函数作用域和声明提前:
在类似C语言中,花括号内的每一段代码都具有各自的作用域,而且变量的声明它们的代码段之外是不可见的,我们称之为块级作用域,JavaScript中没有块级作用域,JavaScript取而代之的是使用函数作用域,JavaScript的函数作用域是指在函数体内声明的所有变量在函数体内始终是可见的,JavaScript的这个特性被称为声明提前,即JavaScript函数里声明的所有变量(不涉及赋值)都被提前至函数体的顶部。

var scope = "global";
function f(){
console.log(scope); // 输出"undefined"而不是"global"
var scope = "local"; // 定义变量并赋值
console.log(scope); // 输出local
}
f()

从直观上看可能会认为第一行会输出global,因为在函数内执行第一条打印语句时我们会想当然的认为JavaScript会到全局作用域中去找变量scope,所以第一行会打印global,但实际上由于函数作用域的特性,局部变量在整个函数体始终是有定义的,尽管如此,只有指定到var scope = "local";时才被赋值,因此上述过程等价于将函数体内的变量声明提前至函数体顶部,同时变量初始化保留在原来的位置:

var scope = "global";
function f(){
var scope; // 变量声明被置顶
console.log(scope); // 打印undefined
var scope = "local"; // 定义变量并赋值
console.log(scope); // 输出local
}

通过上面的示例我们可以知道,在函数体内声明变量时,尽量统一声明到函数的顶部,而不是将变量声明在要使用变量的地方。

作为属性的变量
当声明一个全局变量时,实际上是定义了一个全局对象的一个属性,当使用var声明一个变量时,创建的这个属性是不可删除的,也就是整个变量无法通过delete运算符删除,但如果没有使用var声明的变量,JavaScript会自动创建一个全局变量,这种类型的全局变量可以使用delete运算符进行删除。如下:

var a = 1;
b = 2;
this.c = 3;
delete a; // 不会被删除
delete b; // 会被删除
delete c; // 会被删除 console.log(a); // 打印1
console.log(b) // 报错
console.log(c) // 报错

作用域链

JavaScript是基于词法作用域的语言:通过阅读包含变量定义在内的数行源码就能知道变量的作用域。 全局变量在程序中始终都是有定义的。 局部变量在声明它的函数体内以及其所嵌套的函数内始终是有定义的。

如果将一个局部变量看做是自定义实现的对象的属性的话, 那么可以换个角度来解读变最作用域。 每一段JavaScript代码(全局代码或函数)都有一个与之关联的作用域链(s cope chain)。 这个作用域链是一个对象列表或者链表, 这组对象定义了这段代码”作用域中” 的变量。 当JavaScript需要查找变量x的值的时候(这个过程称做 “变量解析" (variable resolution)) , 它会从链中的第一个对象开始查找, 如果这个对象有一 个名为x的属性, 则会直接使用这个属性的值, 如果第一个对象中不存在名为x的属性, JavaScript会继续查找链上的下一个对象。 如果第二个对象依然没有名为x的属性, 则会继续查找下一个对象, 以此类推。 如果作用域链上没有任何一个对象含有属性X, 那么就认为这段代码的作用域链上不存在X, 并最终抛出一个引用错误(ReferenceError)异常。

在JavaScript的最顶层代码中(也就是不包含在任何函数定义内的代码), 作用域链由一个全局对象组成。 不包含嵌套的函数体内, 作用域链上有两个对象,第一个是定义函数参数和局部变量的对象,第二个是全局对象。在一个嵌套的函数体内,作用域链上至少有三个对象。理解对象链的创建规则是非常重要的,当定义一个函数时,他实际上保存一个作用域链,当调用这个函数时,它创建一个新的对象来存储它的局部变量。并将这个对象添加至保存的那个作用域链上,同时创建一个新的更长的表示函数调用作用域的链,对于嵌套函数来讲,每次调用外部函数时,内部函数又会重新定义一遍,因为每次调用外部函数的时候,作用域链都是不同的,内部函数在每次定义的时候都有微妙的差别,在每次调用外部函数时,内部函数的代码都是相同的,而且关联这段代码的作用域链也不相同。

JavaScript(四)变量的更多相关文章

  1. javascript中变量提升的理解

    网上找了两个经典的例子 var foo = 1; function bar() { if (!foo) { var foo = 10; } alert(foo); } bar(); // 10 var ...

  2. 初探JavaScript(四)——作用域链和声明提前

    前言:最近恰逢毕业季,千千万万的学生党开始步入社会,告别象牙塔似的学校生活.往往在人生的各个拐点的时候,情感丰富,感触颇深,各种对过去的美好的总结,对未来的展望.与此同时,也让诸多的老“园”工看完这些 ...

  3. JavaScript中变量提升是语言设计缺陷

    首先纠正下,文章标题里的 “变量提升” 名词是随大流叫法,“变量提升” 改为 “标识符提升” 更准确.因为变量一般指使用 var 声明的标识符,JS 里使用 function 声明的标识符也存在提升( ...

  4. javascript之变量、作用域、作用域链

    一.变量 javascript的变量是松散类型的,所谓松散类型就是说定义的变量可以用来保存任何类型的数据.定义变量时要使用var操作符后面跟变量名.这里的var是一个关键字,如果定义变量时省略了var ...

  5. 从头开始学JavaScript (八)——变量

    原文:从头开始学JavaScript (八)--变量 一.变量分类: 基本类型值:null.undefined.number.string.Boolean: 引用类型值:保存在内存中的对象,如:Obj ...

  6. 从头开始学JavaScript (四)——操作符

    原文:从头开始学JavaScript (四)--操作符 一.一元操作符 1.自增自减操作符:分为前置型和后置型: 前置型:++a;--a; 后置型:a++;a--; 例: <script typ ...

  7. 【详解JavaScript系列】JavaScript之变量

    一  概述 本篇文章将讲解JavaScript中的变量,大致内容归结为: 1.变量定义 包括变量声明和变量初始化 2.变量种类 包括局部变量和全局变量 3.变量链式作用域及访问 二  内容 (一)变量 ...

  8. JavaScript传递变量:值传递?引用传递?

    今天在看 seajs-2.2.1/src/util-events.js源码,里面有段代码不是很理解: var events = data.events = {} // Bind event seajs ...

  9. JavaScript之变量(声明、解析、作用域)

    声明(创建) JavaScript 变量 在 JavaScript 中创建变量通常称为"声明"变量. 一.我们使用 var 关键词来声明变量: var carname; 变量声明之 ...

  10. JavaScript的变量提升机制

    变量提升 JavaScript的变量提升有两种,用var声明的变量以及用function声明的变量. 用var声明的变量 我们先来看下面这段代码,a的值是多少 代码1 console.log(a); ...

随机推荐

  1. openlayers4 入门开发系列之聚合图篇(附源码下载)

    前言 openlayers4 官网的 api 文档介绍地址 openlayers4 api,里面详细的介绍 openlayers4 各个类的介绍,还有就是在线例子:openlayers4 官网在线例子 ...

  2. AndroidStduio3.0 使用gradle将module打包jar文件

    AndroidStduio3.0使用gradle将module打包jar文件,首先需要安装gradle. 打开控制台输入      open -e .bash_profile     命令,就可以打开 ...

  3. 外呼系统APP外呼软件手机电销软件拨号销售软件功能设计

    外呼系统APP外呼软件 1 系统概述 该软件系统设计功能主要为贷款.投资.资产管理等金融中介公司提供方便快捷的线上管理各类资源的一款应用软件工具. 可根据不同职位的账号登录APP来管理电话营销.客户签 ...

  4. CenOS_用户级别

    1.运行级别 共有7个运行级别: 0:关机 1:单用户(不用密码也能登陆) 2:多用户无网络 3:多用户有网络 4:保留 5:图形化界面 6:重启 1.1设置运行级别语法: init <级别数字 ...

  5. SpringCloud学习系列汇总

    Spring Cloud常用组件使用汇总 使用SpringBoot2.0.3整合SpringCloud 服务注册与发现Eureka 自定义Eureka集群负载均衡策略 如何使用高可用的Eureka F ...

  6. AppUtils【获取手机的信息和应用版本号、安装apk】

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 一个获取设备的系统版本号.设备的型号.应用版本号code值.应用版本号name值.包名.是否更新.安装apk的工具类. 其实这个工具 ...

  7. Android-PickerView【仿iOS的PickerView控件,并封装了时间选择和选项选择这两种选择器】使用

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 本文主要演示Android-PickerView的选项选择器.时间选择器的简单运用.由于每一个版本略有不用,所以实际使用方式以git ...

  8. 接口自动化:HttpClient + TestNG + Java(三) - 初步封装和testng断言

    在上一篇中,我们写了第一个get请求的测试类,这一篇我们来对他进行初步优化和封装 3.1 分离请求发送类 首先想到的问题是,以后我们的接口自动化测试框架会大量用到发送http请求的功能. 那么这一部分 ...

  9. 修改VS2017新建类模板文件添加注释

    找到Class.cs文件 找到VS2017安装目录下面的Class.cs文件,一般在C盘或者D盘 我的VS2017安装在D盘,所以在D盘以下目录找到 D:\Program Files (x86)\Mi ...

  10. 微信公众号开发C#系列-4、获取接口调用凭证

    概述 获取接口调用凭证实质就是获取access_token.在微信接口开发中,许多服务的使用都离不开Access Token,Access Token相当于打开这些服务的钥匙,正常情况下会在7200秒 ...