Java Script函数、变量、对象

Java Script函数

        函数:由事件驱动的或当它被调用时,执行的可重复使用的代码。
        函数名称严格区分大小写,名称重复会产生覆盖。

1、带有返回值的函数
        有时,我们会希望函数将值返回调用它的地方。
        通过使用 return 语句就可以实现。
        在使用 return 语句时,函数会停止执行,并返回指定的值。

2、局部 JavaScript 变量
        在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。
        您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。
        只要函数运行完毕,本地变量就会被删除。

3、全局 JavaScript 变量
        在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它
4、JavaScript 变量的生存期
        JavaScript 变量的生命期从它们被声明的时间开始。
        局部变量会在函数运行以后被删除。
        全局变量会在页面关闭后被删除。

5、调用带参数的函数
        在调用函数时,您可以向其传递值,这些值被称为参数。
        这些参数可以在函数中使用。
        变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值。
        alert(window.calc(3,5));window是最大的一个变量

<!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 test(){
				y=5;
				alert(y);
			}
//			test();
//			alert(y);
		var x=1,y=2;
		function calc(x,y){
			document.write('a的值为'+a+'<br/>');//undefined
			document.write('函数体内x的值为:'+x+'<br/>'); //1
			document.write('函数体内y的值为:'+y+'<br/>'); //2
			var x=0,y=6;
			z=x+y;
			x=x+y;
			var a=198;
			document.write('a的值为:'+a+'<br/>'); //198
			document.write('x的值为:'+x+'<br/>'); //6
			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>

  

<!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/>');			//undefined,x值取下面的,但是取不到值
				var x=19;
				document.write('函数体内对x重新赋值,此时x的值为:'+x+'<br/>');		//19
			}
			document.write('函数体外x的值为:'+x+'<br/>');				//1
			test();
			document.write('x的值为:'+x+'<br/>');						//1
			//document.write('<hr color="red"/>');
			
		</script>
	</body>
</html>

  

猜你喜欢

转载自www.cnblogs.com/85-Q/p/9541213.html
今日推荐