JavaScript中局部变量与全局变量

简介:

我们知道,JavaScript的变量是松散型的变量,也就是说,其变量只需用var声明,其赋值的类型是不限定的。比如:

1
2
var person=18;
person="zhuzhenwei";

   即先给person保存了一个number类型的值,之后还可以保存一个string类型的值,但是,这种做法是不推荐的。

     甚至我们都可以直接给一个变量赋值,而不需要声明。比如:

1
2
person=18;
person="zhuzhenwei";

  接下来,我说一下全部变量与局部变量的不同。如下:

1
2
3
4
5
6
function add(){
      var num=5; 
      console.log(num); 
}
add();
alert(num);

  如果你认为这时会弹出一个窗口,显示为5,那你就错了!!这是因为,一旦在函数中我们用var声明了一个变量,那么用var操作符定义的变量将成为定义该变量的作用域中的局部变量(多读两遍啊),于是,num即为局部变量,且这个变量在函数退出后就会被销毁,所以我们用alert(num);就得不到想要的弹出窗口了。而会在console控制台中提示错误:

1
Uncaught ReferenceError: num is not defined

  

 

  如果省略var操作符,那么该变量就是一个全局变量。

  于是,我们去掉试一试:

 

1
2
3
4
5
function add(){
      num=5; 
      console.log(num); 
}
alert(num);

 

  这时候,发现控制台提示了与上面同样的错误!!

 

      这是为什么呢?

   仔细对比一下,你会发现我漏掉了add();这个调用函数。由于当函数被调用时,才会创建该变量并为其赋值。因此,如果我们没有调用该函数,num这个变量就永远不会被创建,更不可能alert了!

  下面我们补充完整。

1
2
3
4
5
6
function add(){
      num=5; 
      console.log(num); 
}
add();
alert(num);

  ok,这样就可以得到我们想要的结果了。











      本文转自zsdnr  51CTO博客,原文链接:http://blog.51cto.com/12942149/1929376,如需转载请自行联系原作者




相关文章
|
4月前
|
JavaScript 前端开发 安全
闭包治愈“全局变量恐惧症”,利用闭包实现JavaScript私有变量(三)
闭包治愈“全局变量恐惧症”,利用闭包实现JavaScript私有变量
|
4月前
|
存储 JavaScript 前端开发
闭包治愈“全局变量恐惧症”,利用闭包实现JavaScript私有变量(一)
闭包治愈“全局变量恐惧症”,利用闭包实现JavaScript私有变量
|
1月前
|
JavaScript 前端开发
js中this是指向的哪个全局变量,改变this指向的方法有什么?
js中this是指向的哪个全局变量,改变this指向的方法有什么?
14 0
|
4月前
|
JavaScript 前端开发
闭包治愈“全局变量恐惧症”,利用闭包实现JavaScript私有变量(二)
闭包治愈“全局变量恐惧症”,利用闭包实现JavaScript私有变量
|
4月前
|
JavaScript 前端开发
js中this是指向的哪个全局变量,改变this指向的方法有什么
js中this是指向的哪个全局变量,改变this指向的方法有什么
36 0
|
JavaScript 前端开发
【JS 经典面试题】全局变量和局部变量
【JS 经典面试题】全局变量和局部变量
104 1
|
JavaScript 前端开发
JavaScript 全局变量
JavaScript 全局变量
69 0
|
JavaScript 前端开发 Go
JavaScript 局部变量和外部变量(ES6以前)
函数的作用域表示在函数内部定义的变量,只有在函数内部可以被访问到;
140 0
JavaScript 局部变量和外部变量(ES6以前)
|
存储 自然语言处理 JavaScript
JS全局变量
1. Scope(作用域) 2. Lexical Environments (词法环境) 3. 全局对象(global object) 4. 浏览器环境下的globalThis 5. 全局环境(global envrionment) • Script 作用域 和Module 作用域 • 生成变量: 声明环境记录 vs 对象环境记录 • 访问变量 • 全局ECMAScript变量和全局宿主变量 6. 一图胜前言
104 0
|
自然语言处理 JavaScript 前端开发
【译】JavaScript的全局变量到底是怎么工作的
【译】JavaScript的全局变量到底是怎么工作的
104 0
【译】JavaScript的全局变量到底是怎么工作的