Javascript学习笔记(函数、数组、对象)

函数

Javascript中的函数作用和其他语言中的一样,就不多做介绍了,直接定义使用。

//函数的定义格式,其中function是关键字,其余定义方式和python/Java 大同小异,其函数体使用{}包裹起来

function funt1(){
	//函数体
}

//函数调用
funt1();

变量

Javascript和大多数语言基本一致,分为全局变量和局部变量.

  • 全局变量:公共的,可以在整个Javascript网页代码中都能使用的变量,其在网页关闭时,自动消失
  • 局部变量:在函数内部定义,只能在函数内部使用,函数执行完成之后消失

传值

Javascript传值分为两种,拷贝传值和引用传址(说白了就是python中的深浅拷贝)

  • 拷贝传值:将变量的值复制一份,原来的变量和复制之后的变量之间是相互独立的,没有任何关系,修改其中一个另外一个不会改变(常见的是字符类型、数值类型的变量传值)
  • 引用传址:是将变量在内存中的地址赋值给新的变量,但是实际上两个变量指向的是同一个数据地址,也就是同一个数据,其中任意一个发生修改,那么数据就发生修改(其常见的引用传址有数组、对象…)
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>js-function-2</title>
		<script type="text/javascript">
			// 全局变量与局部变量
			// 在函数外定义的变量都是全局变量,在函数内部定义的变量都是局部变量,只能在当前函数内部使用
			
			// 全局变量
			var stuNumber = '001';
			function stuFunct(){
				// 局部变量
				var stuName = '韩信';
				
				// 函数操作
				document.write('姓名'+stuName+'学号'+stuNumber);
			}
			
			// 函数调用
			stuFunct()
			
			// 错误方式
			window.alert(stuName);
		</script>
	</head>
	<body>
	</body>
</html>

匿名函数

匿名函数一般用于将函数的返回值赋值给其他变量使用,或者绑定某一个操作使用,使用方法是直接写function(){};不需要函数名称

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>匿名函数</title>
		<script type="text/javascript">
			// 定义方式
			
			// 1 给变量赋值
			var a = function(){
				
			}
			// 调用
			var demo = a;
			demo();
			
			// 2绑定操作,绑定某一个操作,不需要调用,该操作是网页打开自动预加载执行
			window.onload = function(){
				
			}			
		</script>
	</head>
	<body>
		
	</body>
</html>

数组

数组的功能和python中的一样,不多做介绍,直接定义使用
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数组</title>
		
		<script type="text/javascript">
			// 1 直接定义
			var arr_list1 = ['1','2','3'];
			
			// 使用new方法创建
			var arr_list2 = new Array;
			// 使用循环给数组赋值
			for (var i=0;i<=5;i++){
				arr_list2[i] = window.prompt('输入数组的第'+i+'个值');
			}
			
			// 二维数组的定义(数组中套数组)即数组中的元素也是一个数组
			var arr_list3 = [['1','2','3'],['10','20']];
			
			// 数组的访问,通过下标索引访问
			document.write('一维数组第一个值'+arr_list1[0])
			document.write('二维数组第一个元素的第一个值'+arr_list3[0][0]);
			
			// 修改: 直接通过下标重新赋值
			arr_list3[0][1] = '99';
			
			document.write('修改之后的数组'+arr_list3);
			
		</script>
	</head>
	<body>
	</body>
</html>

对象

  • 字符对象:String 一个字符 var str1 = ‘abcd’
  • 数值对象:Number 一个数值 var number1 = 9527;
  • 布尔值对象:布尔值 true/false
  • Math对象:是Javascript中的数学对象
  • function对象:即每一个函数就是一个对象
  • array对象:即数组对象
  • BOM对象
  • DOM对象

对象的创建方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>对象</title>
		<script type="text/javascript">
			// 1、直接诶使用Object对象创建对象:对象的创建以及使用方法
			var js_obj = new Object;
			js_obj.name = 'html';
			js_obj.age = '999';
			js_obj.address = 'Beijing';
			
			// 给该对象定义方法
			js_obj.js_funt = function(){
				var str1 = '';
				str1 += '<h3>姓名:'+js_obj.name;
				str1 += '&nbsp;&nbsp;性别:'+js_obj.age;
				str1 += '&nbsp;&nbsp;地址:'+js_obj.address;
				 document.write(str1)
			}
			
			// 调用方法
			js_obj.js_funt()
			
			// 2、使用{}创建对象,在对象内部使用this关键字创建对象的方法
			var js_obj1 = {
				   name		: "韩信",
				   sex		: "男",
				   age		: 18,
				   js_funt1 : function(){
						//this是系统关键字,代表当前对象
						var str = "<h2>"+this.name+"的基本信息如下</h2>";
						str += "姓名:"+this.name;
						str += "<br>性别:"+this.sex;
						str += "<br>年龄:"+this.age;
						document.write(str);
				   },
				
			  };
			//调用对象方法
			js_obj1.js_funt1();
		</script>
	</head>
	<body>
		
	</body>
</html>

发布了63 篇原创文章 · 获赞 1 · 访问量 2037

猜你喜欢

转载自blog.csdn.net/qq_45061361/article/details/104380208