JavaScript的基本介绍

JavaScript必须知道的基本知识

Java与Javascript比较：
    Java代码需要编译才能执行，而JS代码不需要编译就能执行；
    Java是基于服务端的语言，JS是基于客户端的语言。
    什么叫基于服务端和基于客户端？简单理解，就是需要在服务端执行的或需要在客户端执行的。

在html编写的代码必须在script的标签中

js区分大小写
js语句结尾尽量写分号
大部分语法与java相同
js中注释与java相同 有行注释//   内注释/*  块注释/**

目录

JavaScript定义变量

JavaScript number的基础知识

JavaScript boolean的基础知识

JavaScript  短路

JavaScript 的数组介绍 

JavaScript 的等号和基础循环

---

JavaScript定义变量

​
		// 打印 console控制台 log日志 相当于Java的sout
		// 这样打印出来的数据只能在控制台查看
			console.log('hello world')
			console.log("你好世界")
		// 定义变量 int i=1
		// JavaScript里面的变量全部用var来定义
		//整数，小数叫做number
		var i=10;
		var i1=1.23;
		// 定义字符变量 String
		var s="1";
		var s2='数的值：'+i1+"哈喽你好";
		var s3=`dadsa&${i1}激发事件`;
		var s4="数的值：${i1}哈喽你好";
		/*
		s2与s3对比简化了代码 使用${}相当于链接可以减少一些代码适当美观
		在JavaScript里面 关于引号有三种 ''单引号 ""双引号 ``反引号 反引号在在Tab建上面
		作用都是相同的
		*/
		console.log(s4)

        ​// 查看类型 会得到一个NaN 代表了非数字
		// 使用typeof 可以查看到具体的种类
		console.log(s4/i)
		console.log(typeof i)

JavaScript number的基础知识

/*关于number类型的一些计算方法
		非数字NaN的比较不能使用==比较 需要调用isNaN（）方法
		会判断是不是这个类型 会返回 true和false
		无穷大：Infinity 负无穷大：-Infinity
		parseInt 将字符类型的数字转换成 整数 数字类型
		parseFloat 将字符类型的数字转换成 小数 数字类型
		求余 %
		除法 / 使用除法会出现结果不精准 我们可以使用 .toFixed（）方法保留小数
		*/
	   var s4="123.111";
		console.log(isNaN(i))
		console.log(parseInt(s4))
		console.log(parseFloat(s4))
		console.log((1.222).toFixed(2))

JavaScript boolean的基础知识

	//关于boolean类型的运算
		var f1=true;
		var f2=false;
		console.log(f1||f2)//真或假 一个为真结果为真 true
		console.log(f1&&f2)//真并假 一个为假结果为假 false
		console.log(!f2)//一个感叹号取相反意思 ！false 结果为 true
		console.log(!!-1)//两个感叹号将这个类型转换成boolean 一般情况会得到true
		/*什么情况会得到false呢？  
		字符串为空字符 :""
		数字为 0
		null 也是false
		nudefined 未定义的情况 也是false
		NaN也为false
		*/
	   var s;//属于未定义的情况 默认为nudefined

JavaScript  短路

 //介绍一下 短路
	   //使用 ||
	   console.log(""||0)
	   //得到结果为0 在JavaScript里面比较会变成boolean类型比较得到false 输出0
	   console.log(1||0||2) 
	   //得到结果为1 真类型的比较 假类型 会运行到假停止 得到true 
	   console.log("2"||1||0)
	   //得到结果为2 在JavaScript里面比较忽略类型比较 2和1比较为真得到true 输出2
		//使用 &&
		console.log("2"&&"1"&&1)
		//得到结果为1 在JavaScript里面比较忽略类型比较 2和1比较为真 为真 得到1还会和后面的1比较也为真 输出1
		//真类型的比较会运行到最后一个
		console.log("2"&&0&&1)
		//得到结果为1 在JavaScript里面比较忽略类型比较 2和0比较为假 得到false 输出0
		//真类型的比较 假类型 会运行到假停止 得到false 
		//实操一下 运用以上知识讲解一下
		var m=prompt("请输入一个数字")
		//判断用户有没有输入数字
		if(isNaN(m)){
			alert('输入错误')
		}
		//使用了NaN判断是不是数字 为什么使用NaN 因为说过了0也是false
		//alert ： 提示框    confirm : 询问框   prompt : 输入框

JavaScript 的数组介绍 

	/*JavaScript的数组介绍   
		数组类型没有任何限制 可以读取任意下标的值
		长度可以任意变化 像下列的操作一样
		*/
	   var zs=[1,2,true,"a"];
	   zs[100]="a";
	   console.log(zs);
	   //JavaScript定义对象
	   var stu={
		   "stu_no":1,
		   "stu_name":'小明',
		   "stu_age":18
	   }
	   //还可以增加动态属性
	   stu.stu_address='xx'//给对象增加了新的地址属性
	   console.log(stu)

JavaScript 的等号和基础循环

 //JavaScript关于=号的运算 一个=为赋值  两个== 比较无视类型 三个===先比较类型，在比较值
	   console.log(1=='1')//得到true 无视类型相当于 1=1
	   console.log(1==='1')//得到false 先比较类型 数字和字符比较不能比较 得到false
		 var f6=prompt("请输入星期几")
		    if(!isNaN(parseInt(f6))){
		        switch (parseInt(f6)) { //switch循环
		            case 1:
		                console.log("周一")
		                break
		            case 2:
		                console.log("周二")
		                break
		            default:
		                console.log("你是xx")
		        }
		    }
		
		    var j=1;
		    while(j<10){
		        j++;
		    }
		
		    死循环
		    while(true){
		    
		    }
		
		    //for循环
		    var count=prompt("请输入次数")
		    for(var i=0;i<count;i++){
		        //在页面中进行html输出
		        document.write("<font color='red'>哈哈哈</font><br>")
		    }