欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript(四)变量

程序员文章站 2023-01-13 11:08:40
变量的声明 在JavaScript程序中,使用一个变量之前应当先声明,变量时使用关键字var来声明的,如下所示:var num;var sum; 也可以写成var num,sum,avg;如果只是声明变量而没有给变量赋值,默认的值是undefined 可以将变量的初始赋值和变量声明合写在一起如下所示 ......

变量的声明

在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来进行声明

var a = 10;

function fun()
{
    a = 20;
    b = 30;
}
fun()
console.log(a,b)

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