前端基础笔记07-了解JS

前端基础笔记07-了解JS

//js定义变量 es5使用var,es6使用let，const(定义变量) 
// 定义一个字符串
let str = "hello";
// 在控制台输出
console.log(str);
// 定义一个数字
let num = 123;
// 在控制台输出变量的类型，使用typeof判断
console.log("num类型是："+typeof num);
//定义布尔类型变量
var  bool= true;
console.log(bool);
console.log(typeof bool);
//不初始化变量输出时会显示undefined
let un;
console.log(un);
//若初始化为null，输出也为null
let obj = null;
console.log(obj);
// == 只判断值是否相等
// === 先判断类型再判断值是否相等
console.log("121" == 121);
console.log("121" === 121);

//if语句
//if语句在对数字进行比较的时候会自动进行类型转换
let score = "97";
if(score>90){
	console.log("优秀");
}else{
	console.log("再接再厉");
}

//switch语句
let cpu = "i9";
switch(cpu){
	case "i9":
	console.log("最好的级别");
	break;
	case "i7":
	console.log("良好品质");
	break;
	case "i5":
	console.log("一般品质");
	break;
	case "i3":
	console.log("能用就行");
	break;
}

//for语句
for(let i=0;i<10;i++){
	console.log(i);
}

//while语句
let j=0;
while(j<10){
	console.log(j);
	j++;
}
// //location控制地址栏中的地址
let url = location.href;
console.log("当前网页中的地址："+url);
			
// //改变地址栏中的地址
location.href = "http://www.baidu.com";

//顶部弹窗效果,顶部的弹窗只能有一个
alert("你好");

//顶部带输入框的弹框效果，输入框中的输入内容默认都是字符串类型，可以直接接收
let result = prompt("你是谁");
console.log(result);

//系统函数
//parseInt()将数字类型的字符串转换为整数
let result = parseInt(prompt("请输入你的年龄："));
console.log("年龄是："+result);
console.log(typeof result);


//自定义函数 function
//自定义函数语法：function 函数名(参数,...){}
function max(x,y){
	return x>y?x:y;
}
let max2 = max(5,6);
console.log(max2);

//定时器 setInterval()开启定时器，指周期时间 
//clearInterval 关闭定时器
let timer = setInterval(print,100);
let i=1;
function print(){
	if(i==10){
		stop();
	}
	console.log(i++);
}
function stop(){
	clearInterval(timer);
}

//Date 日期对象
//setTimeout()开启定时器，指定间隔时间
//clearTimeout()关闭定时器
//获取当前时间并输出在网页中
let timer=null;
let i=1;
function print(){
	if(i==10){
		stop();
		return;
	}
	// document.write(i++ + " ");
	let date = new Date();
	let hour = date.getHours();
	let minute = date.getMinutes();
	let seconds = date.getSeconds();
	seconds = check(seconds);
	let time = hour +":"+minute+":"+seconds;
	document.write(time+"<br>");
	i++;
	// console.log(i++)
	let timer = setTimeout(print,1000);
}
print();

function stop(){
	clearTimeout(timer);
}
function check(time){
	if(time>9){
		return time;
	}else{
		time = "0"+time;
		return time;
	}
}