js初步学习

1.js 简介

 js 引入三种方式：script 普通引入，外部文件，标签方式，加载顺序，从上到下，在html，严格区分大小写，标识符 区别开保留字，写分号分割

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			alert("learn js begin");
		
		</script>
		<script src="js/test.js"></script>
		
		<a href="javascript:confirm('您确定要学习javascript吗')">点击</a>
	</body>
</html>

2.变量声明

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			//声明变量
			var a;
			var b;
			//alert(b);//未定义
			
			//声明变量并赋值
			var c=10;
			alert(c);
			
			//变量重名被覆盖
			var aa=10;
			var aa=100;
			alert(aa);
			
			//变量名严格区分大小写
			var username='caolihua';
			var userName='liuxiahui';
			
			//驼峰命名法，统一用小驼峰
			var firstName='cao';//小驼峰
			var FirstName='cao';//大驼峰
			var first_name='cao';//下划线
		</script>
	</head>
	<body>
	</body>
</html>

　　3.局部变量

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			
			//声明方式，调用函数，前后调用都可以
			var x=1,y=3;
			function test(x,y){
				var x=2;
				var y=2;
				alert(x);//2，局部变量
				z=x+y; //函数内，没有 写var ，则是全局变量
				return 1;
			}
			test(x,y);
			alert(x); //1,全局变量
			alert(z);//全局变量
			
			
		</script>
	</body>
</html>

　　4.函数

　　

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			//声明式函数
			//函数声明位置的前后都可以使用
			fun1();
			function fun1(){
				alert('fun1 invoke');
			}
			
			//定义变量的函数
			//只能在定义函数以后才能用
			var fun2=function(){
				alert('fun2');
			}
			fun2();

			
			//匿名函数应用1：回调函数
			//1.匿名函数不产生全局变量
			//2.将一个函数操作委托给另一个，减少代码
			function addOne(a){
				return a+1;
			}
			
			function test(x,y,z,callback){
				var i,arr=[];
				for(i=0;i<3;i++){
					arr[i]=callback(arguments[i]*2);
				}
				return arr;
			}
		    alert(test(5,6,7,addOne))	;
		
			//匿名函数应用2：自调用函数
			//1.不产生全局变量
			//2.只执行一次，适合初始化步骤操作
			(
				function xxx(a,b){
					alert(a+b);
				}
				
			)(3,5);
			
		
		
		
		
		
		</script>
	</body>
</html>

　　

 

posted on 2018-04-16 20:49  老曹123  阅读(102)  评论(0)    收藏  举报

导航