Javascript初级 JavaScript进阶

JavaScript变量的作用域



局部变量


在函数体内声明的变量,仅在函数体内可以使用



全局变量


函数体外声明的变量,在变量声明开始到脚本结束都可以是使用


注意: 

 

尽量控制全局变量的数量,容易引发bug

最好总是使用var语句来声明变量



源代码


<!DOCTYPE html>

<html>

<head>

<meta charSet="utf-8">

<title></title>

</head>

<body>

<Script type="text/javaScript">

//变量作用域

var x=1;

function teSt(){

document.write('函数体内x的值为:'+x+'<br/>');

x=19;

document.write('函数体内对x重新赋值,此时x的值为:'+x+'<br/>');

}

document.write('函数体外x的值为:'+x+'<br/>');

teSt();

document.write('x的值为:'+x+'<br/>');

document.write('<hr color="red"/>');


</Script>

</body>

</html>

 

 

<!DOCTYPE html>

<html>

<head>

<meta charSet="utf-8">

<title></title>

</head>

<body>

<Script type="text/javaScript">

//全局变量和局部变量的区别

//   function teSt(){

//    var x=1;

//    alert(x);

//   }

//   teSt();

//   alert(x);

//   function teSt1(){

//    y=5;

//    alert(y);

//   }

//   teSt1();

//   alert(y);

var x=1,y=2;

function calc(x,y){

document.write('a的值为'+a+'<br/>');//undefined

document.write('函数体内x的值为:'+x+'<br/>');

document.write('函数体内y的值为:'+y+'<br/>');

var x=0,y=6;

z=x+y;

x=x+y;

var a=198;

document.write('a的值为:'+a+'<br/>');

document.write('x的值为:'+x+'<br/>');

return z;

}

//  alert(calc(x,y));

//  alert(x+'-'+y+'-'+z);

var a=1,b=2;

function teSt1(){

var a=5,b=10;

return a+b;

 

}

function teSt2(){

var a=11,b=22;

return a+b;

}

alert(teSt1());

alert(teSt2());

alert(a+'--'+b);


</Script>

</body>

</html>

运行结果:

javascript1.pngjavascript2.pngjavascript3.png 



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

麦子大聚惠,豪华礼包你领了吗?

客服热线 400-862-8862

回到顶部