JavaScript_day01

JavaScript

变量定义以及数据类型划分

变量定义

定义变量的注意事项
	1)在js中定义变量,使用var来定义,var可以省略不写(刚开始,建议写上)
	2)javascript是弱类型语言,它的语法结构不严谨! 可以重复定义变量的,后面的变量的值将前面的变量值覆盖掉
	3)查看js的变量的数据类型,使用一个函数 typeof(变量名)
	4)var可以任意数据类型!

数据类型划分

js的基本数据类型
	1)无论是整数还是小数,都是number类型, ---- js引擎会自动提升为 Number 对象类型
	2) 无论是字符串还是字符,都是string类型----js引擎会自动提升为 String 对象类型
	3)boolean类型                      ----js引擎会自动提升为 Boolean 对象类型
	4)object类型   (创建一个对象 )  ---- js引擎会自动提升为Object对象类型
					在Js中,Object对象代表所有js对象的模板!
	5)undefined类型 :未定义类型 (这种没有意义),因为没有赋值!

函数定义以及调用

定义函数的格式
	格式1			形式参数列表
	function 函数名称(参数名称1,参数名称2,...){
            函数的里面业务逻辑
            直接在这输出document,write("xxx");
	}
	格式1调用:
			单独调用
			函数名称(实际参数列表);
						
	
	格式2:	推荐
	function 函数名称(参数名称1,参数名称2,...){
            函数的里面的业务逻辑
            return 结果;
	}
	格式2调用:
			赋值调用
			var 最终结果变量 = 函数名称(实际参数列表);

	
定义函数的注意事项:
	1)js是弱类型语言,定义函数的时候,参数名称不能携带var
	2)js定义时候,没有返回值类型,但是函数中可以携带return语句,代表方法结束!
	3)Js中没有函数重载的概念,如果方法名相同,后面定义的函数将前面定义的函数覆盖了	
	4)
		实际参数列表 < 形式参数列表,函数依然会被调用,不过值是"NaN",有一个形式参数没有赋值
		实际参数列表 > 形式参数列表,将实际参数的值赋值给形式参数,多余的实际参数,直接省略不计!
	5)隐藏一个数组名称:arguments,作用:将实际参数绑定给形式参数	

for-in语句

for-in类似于增强for循环

应用场景:
	1)遍历数组
	2)遍历对象的属性(明天讲:js自定义对象 4种方式)

for-in语句的格式
		for(var 变量名 in 数组或者对象名称){
			使用变量名;
		}

date对象的使用

Js内置对象Date

日期对象的基本使用:dateObj = new Date()
	1)创建一个日期对象
		var date = new Date();
	2)输出
		document.write(date);//Mon May 09 2022 16:40:31 GMT+0800 (中国标准时间)  原生Date格式
			 
	3)获取年份
		getYear():当前的年份与1900年之间的差距
		改用getFullYear()
		var year = date.getYear();
		var year = date.getFullYear();
		document.write(year+"年");
			
	4)获取月份
		getMonth() :返回一个处于 0 到 11 之间的整数
		var month = date.getMonth()+1;
		document.write(month+"月");
	
	5)月中的日期 getDate( ): 1 到 31 之间的整数
		var monthDate = date.getDate();
		document.write(monthDate+"日  ");
		
	6)getHours() 获取小时值
		document.write(date.getHours()+":");
	7)getMinutes():获取分钟值
		document.write(date.getMinutes()+":");
	8)getSeconds():getSeconds()
		document.write(date.getSeconds());

网页时钟的操作流程

1)获取当前系统时间
	1.1)创建日期对象
			var date = new Date();
	1.2)拼接出来时间字符串
			var dateStr = date.getFullYear()+"-"+(date.getMonth()+1)+"-"					+date.getDate()+"  "+date.getHours()+":"+date.getMinutes()+":"+
						date.getSeconds() ;
2)dom(文档对象模型编程)操作:
	2.1)获取id="spanTip"所在的span标签对象
			var span = document.getElementById("spanTip");
	2.2)设置span标签的文本内容
			span.innerHTML="<h3>"+dateStr+"</h3>";

3)开启网页定时器
	//setInterval("定时任务()",时间毫秒值):每经过时间毫秒值重复执行这个定时任务..
	//setTimeout("定时任务()",时间毫秒值):经过这个毫秒值之后,执行一次定时任务..
		setInterval("generateDate()",1000);//每1秒重复执行生成时间的任务