首页 >

javascript中局部变量和全局变量的区别详解【javascript】

Posted on | by liu
web前端|js教程javascript中局部变量和全局变量的区别详解【javascript】
javascript,局部变量,全局变量
web前端-js教程
javascript有两种变量：局部变量和全局变量。当然，我们这篇文章是帮助大家真正的区别这两种变量。
个性窗帘网站源码,vscode自定义补全,xp防ubuntu,tomcat日志目录配置,网络爬虫 信息,php后台源码下载,东台seo优化怎么样,免费网站访客qq统计系统,服饰类网站模板lzw
首先，局部变量是指只能在本变量声明的函数内部调用。全局变量时整个代码中都可以调用的变量。当然，单单从字面上理解肯定是不清楚的，下面我详细的介绍下：
大家都知道，变量是需要用var关键字声明的。但是javascript中也可以隐式的使用变量，就是不用声明，直接使用。而且，千万注意，javascript把隐式声明的变量总是当成全局变量来使用的。
例如：
php 建站 源码,vscode自动跳过括号,ubuntu克隆投影,tomcat学习项目,sqlite3退出查询命令,增量式网络爬虫怎么实现的,http协议 php,浦口seo网络营销,网站系统报价方案模板下载,html网页时间代码,dedecms 代码模板下载lzw
function myName() {
 i = 'yuanjianhang';
}
myName();
function sayName() {
 alert(i);
}
sayName();
himall 2.4 完整源码,ubuntu关闭节电,iis与tomcat8,爬虫做成软件,php软件开发工具,安阳什么是seo关键词优化lzw
输出结果为：yuanjianhang

这说明变量i就是一个全局的变量，如果把上面的代码改成如下：

function myName() {
 var i='yuanjianhang';
}
myName();
function sayName() {
 alert(i);
}
sayName();

此时，游览器将没有任何输出结果，因为i 是在函数myName中定义的，所以它只是myName的局部变量，不可能被外部调用。

现在再回过头来看下面的代码：

function myName() {
 i = 'yuanjianhang';
}
myName();
function sayName() {
 alert(i);
}
sayName();

现在，我们进行一下改动，把myName();去掉，代码如下：

function myName() {
 i = 'yuanjianhang';
}
function sayName() {
 alert(i);
}
sayName();

此时，游览器也不会有如何反应。因为虽然i是全局变量，但是函数myName()并没有被调用，所以就相当于虽然声明了i，但是并没有给i赋予任何的值，所以没有任何输出。
同理，如果把上例改成：

function myName() {
 i = 'yuanjianhang';
}
function sayName() {
 alert(i);
}
sayName();
myName();

这种情况下还是不会输出任何结果，javascript代码的执行时从上到下的，在sayName()函数被调用时会检查变量i的值，此时函数myName尚未执行，也就是说i还没有被赋值，所以不会输出任何结果。

为了方便大家更好的理解，这里再举一个例子：

var i = 'yuanjianhang';
function myloveName() {
 i = 'guanxi';
}
myloveName();
function myName() {
 alert(i);
}
myName();
这次的结果是什么呢？
答案是guanxi
首先，i的原始值是yuanjianhang，但是当调用myloveName()函数之后，将i的值改为guanxi，所以最后的输出结果是guanxi。
如果将代码改为：
var i = 'yuanjianhang';
function myloveName() {
 var i = 'guanxi';
}
myloveName();
function myName() {
 alert(i);
}
myName();
此时的结果就是yuanjianhang了，因为代码中的两个i不一样，一个是全局的，一个是局部的，也可以这样理解，虽然两个i的名字一样，但是这两个i的本质却不一样，好像有两个名字一样的人一样，虽然名字一样，但却不是同一个人。
如果将代码改造成这样：
var i = 'yuanjianhang';
function myloveName() {
 i = 'guanxi';
}
function myName() {
 alert(i);
}
myName();
myloveName();
相信大家可以自己算出结果了，结果是yuanjianhang。
既然函数内部可以调用全局变量，那么下面这种情况呢：
var i = 'yuanjianhang';
function myloveName() {
  i = 'guanxi';
 alert(i);
}
myloveName();
此时变量的值是哪个呢？
我们来分析下：
首先全局变量i被赋值为：yuanjianhang。
接下来myloveName()函数被调用，全局变量i被重新赋予新的值：guanxi
所以结果肯定是:guanxi。
如果我们把alert提前呢，像这样：
var i = 'yuanjianhang';
function myloveName() {
  alert(i);
 i = 'guanxi';
}
myloveName();
这时候结果是什么呢？
经过验证结果是：undefined
如果代码是这样呢:
var i = 'yuanjianhang';
function myloveName() {
  alert(i);
}
myloveName();
此时i的结果是：yuanjianhang
为什么会发生上面undefined情况，因为代码的执行顺序是从上到下的，在输出i之前并没有对i定义。所以从这里可以看出，使用代码的时候，变量的声明一定要放到代码的前面，以避免出现类似的问题！
同理：
var i = 'yuanjianhang';
function myloveName() {
 alert(i);
 var i = 'guanxi';
}
myloveName();
这种情况下也会输出：undefined
好了，关于变量我只有这么多的介绍了，相信这些任何人都可以看明白。不管代码如何复制，其核心是不会变的。
以上就是本文的全部内容了，小伙伴们对于javascript中局部变量和全局变量的区别是否有了更深刻的认识了呢，祝大家新年快乐~学习愉快。

		
  

	


	

        

		     javascript中局部变量和全局变量的区别详解【javascript】 
		    
  • PHP——超全局变量_学习笔记 php application 全局变量 php 全局静态变量 php全局变量赋
    • 
		    
    PHP——超全局变量_学习笔记 php application 全局变量 php 全局静态变量 php全局变量赋 | PHP——超全局变量_学习笔记 php application 全局变量 php 全局静态变量 php全局变量赋 ... 
    
        
    
	
        
	
    
        
    
		     javascript中局部变量和全局变量的区别详解【javascript】 
		    
  • PHP Global定义全局变量使用说明
    • 
		    
    PHP Global定义全局变量使用说明 | PHP Global定义全局变量使用说明 ... 
    
        
    
	
        
	
    
        
    
		     javascript中局部变量和全局变量的区别详解【javascript】 
		    
  • js 定时器setTimeout无法调用局部变量的解决办法【javascript】
    • 
		    
    js 定时器setTimeout无法调用局部变量的解决办法【javascript】 | js 定时器setTimeout无法调用局部变量的解决办法【javascript】 ... 
    
        
    
	
        
	 


	
		
	



			
		
	
    

	
    
		
    
            
    
                © 牛的日记 | www.liuzhongwei.com 
     网站部分内容来源于网友供稿，若有侵权请联系删除，970928#QQ.com