初学JavaScript之——JavaScript变量作用域

####局部变量和全局变量

首先我们来看一个例子:

if(1){
    var a = 110;
}
console.log(a);   // 这里会输出什么呢?

经过试验,我们会发现输出的是110,这个对于学过C,Java,OC的同学来说,可能有些不可思议。这里我们就要说一下,在JavaScript的作用域是跟类似C语言不同的,它没有块级作用域(所谓块级作用域,就是以花括号包括起来的作用域),而使用的是函数作用域(变量在声明它的函数体以及其嵌套的任意函数体内都是有定义的)。而上面的例子中 a是什么变量呢,很显然是全局变量。通过例子我们就可以验证了:

if(1){
    var a = 110;
}
function func(){
    console.log(a);  // 输出110;
}

下面我们通过一个例子来看看 全局变量和局部变量

// 全局变量  在任何地方都可以使用
 var a = 10 ; 
// 另一个全局变量的声明方式
b = 10;
function demo(){
   // 局部变量  只能在当前块内使用
   var i = 10;
   //  这个属于全局变量 在任何地方都可以使用
   u = 20;
}

####函数作用域和声明提前
函数作用域:变量在 声明他们的函数体 以及 这个函数体嵌套的任意函数体内 都是有定义的。
声明提前,在C或Java语法中,变量都要先声明、后使用,如果未经声明就使用的话,编译阶段就会报错,而JavaScript却能够在变量和函数被声明之前使用它们。其实是在JavaScript编译阶段时对”声明提前了“。看例子吧。
例子:

var scope = "global";
function func(){
     console.log(scope);  //输出"undefined",而不是global;
     var scope = "local";  //变量在这里赋初始值,但变量本身在函数体内任何地方均有定义
     console.log(scope);  //输出"local"     
}

第一行打印的并不是全局变量scope,而是局部变量scope,因为在第二行我们看到了局部变量scope的声明,根据”声明提前“,局部变量scope的声明提前到了函数体的最顶端。所以才会出现上述的打印结果。上述函数体等价于如下:

var scope = "global";
function func(){
     var scope ; // 在函数顶端声明了局部变量
     console.log(scope);  //局部变量存在,但是其值为”undefined“
     scope = "local";  //此处给局部变量赋值
     console.log(scope);  //输出"local"     
}

个人建议:在函数体内使用局部变量的时候,我们尽量将变量的声明放到函数体顶部。这种做法是的我们的代码看起来更加清晰反映了真是的变量作用域。

####全局变量
当声明一个JS全局变量时,实际上是给定义了全局对象的一个属性,并且这个属性是不可配置的,也就是说不能通过delete运算符删除的。本文第一例子中,b = 10;以这种方式给一个未声明的变量赋值的话,此过程JS自动声明一个b的全局变量。以这种方式创建的变量是全局对象的正常的可配置值属性,并可以删除它们。

var a = 1;      //声明一个不可删除的全局变量,也是全局对象的一个不可删除的属性
b = 2;         // 声明一个可以删除的全局对象属性
this.c = 3;    // 声明一个可以删除的全局对象属性
delete a;       // =>  false  变量并没有被删除
delete b;       // =>  true   变量被删除
delete this.c ; // =>  true   变量被删除
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值