js基础语法

---

Js基础

一、输出方式

	alert('Hello Woorld'); //以弹窗的形式显示
	document.write('亮亮'); //以文本的形式显示
	prompt(12345) //可输入内容的弹窗
	confirm(666666666) //可判断的弹框
	console.log(88888); //调试工具中输出
	console.log(typeof("亮亮")); //类型检测

二、定义变量

理解：变量是内存中的一个空间，用来存放一些结果；
	var x; //var关键字后面是变量名；
	
变量名的规则：字母、数字、下划线组成，不能以数字开头；
	变量声明：var 关键字，空格，后面跟变量名（省掉var叫隐式声明）

	var a=12;
	console.log(a);
	var a,b; //一次性定义（声明）了多个变量
	var c=1,d=2;
	
	e=13; //隐式声明

三、变量类型

	var a=1; //number 数字类型
	console.log(typeof a); //使用typeof查看变量类型
	
	var b="字符串类型"; //string 字符串类型
	字符串：任意字符组合在一起用引号引起来---字母组合、汉字
	console.log(typeof b);
	
	布尔型：true false
	var a=true; //boolean 布尔型
	console.log(a);
	console.log(typeof a);
	
	console.log(a);
	console.log(typeof a); //未定义型：没有定义过的变量
	对象类型

四、数字类型

1、整数

	var a=010; //8进制
	var b=0x10; //16进制
	
	var a=1;
	var b=2;
	var c=a+b;
	console.log(c);
	
	 var a="abc";
	var b=2;
	var c=a-b;
	console.log(c); //显示NAN表示非数字
	console.log(isNaN(a)); //isNaN判断是否是一个数字/返回false表示是数字

2、小数

科学计数法：

	//当一次数字很大的时候，可以用科学计数法来表示
	var num = 5e+5; //5乘以10的5次方
	var num = 3e-3;//3乘以10的-3次方

浮点精度丢失问题：

	var a=0.1+0.2;
	console.log(a);// 会丢失精准度、输出0.30000000000000004
	解决方法：
	var a=(0.1*10+0.2*10)/10;
	console.log(a);
	
	var a="''";//单引号也是字符
	console.log(a);
	console.log(typeof a);

注：单引号可以包含双引号，双引号可以包含单引号，但是不能自己包自己；
转义：反斜杠、将一些特殊符号转换成普通字符；

3、对象

	var a=[1,2,3];
	// var a={
	// name:"张三",
	// age:12;
	// }
	console.log(a);
	console.log(typeof a);

4、运算

（1）赋值运算：

运算符： += -= *= /= %=
	// = 赋值符：左边是变量、右边是值；
	// 作用：将右边的值放到左边的变量中；
	var a=1;
	a=10;
	console.log(a);

（2）数学运算：

运算符：+ - * /
	var a=1;
	var b=2;
	var c=a+b;
	console.log(c);

%取余：
	var a=5;
	var b=2;
	// var c=a%b; //输出1
	var c=a/b; //2.5
	console.log(c);
	
+拼接符：左右两边有一边是字符串就会进行拼接，而不是数学运算；

（3）关系运算（比较运算）：比较的结果是布尔型;

	运算符： > >= < <= == ===

= =   判断相等、只会判断是否相等，而不管类型； 
===   先判断类型是否相等，如果相等，再判断数值；	

点击查看 两个 == 和三个 === 的区别

	var a=12;
	var b="12";
	// console.log(a>b); //true
	console.log(a==b); //true
	console.log(a===b); //false
	
	document.write("<b>文字加粗</b> <br/>");
	document.write("<em>文字倾斜一行写法</em> <br/>");
	document.write("<i>");
	document.write("文字倾斜分开写法");
	document.write("</i>");

一些带有特殊含义的字符需要进行转义，例

拓展

案例1： 判断奇偶数

var num=Number(prompt("请输入一个数："))
if(num%2==0){
	console.log(num+"是一个偶数！")
}else{
	console.log(num+"是一个奇数！")
}

案例2：交换ab

//运用变量的赋值或计算，得出a=2;b=1
	var a=1;
	var b=2;

	方法1：
		var c=a;//c=1
		var a=b;//a=2
		var b=c;//b=1
	方法2：
		var c=b; //c=2
		var b=a; //b=1
		var a=c; //a=2
	console.log(a,b);

案例3：判断闰年的条件

	var year = prompt("请输入年份：");
	var result = (year%4==0 && year%100!=0) || (year%400==0);
	console.log(result);

案例4：温度转换

//问题：将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。
//提示：摄氏度与芈氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)保留3位小数
	var hua = 80;
	var she = 5/9.0 * (hua - 32);
	she = she.toFixed(3); // 保留小数点后三位
	console.log(she);

总结

以上是对js基础语法的小总结，后期将继续更新html基础知识点
文章为原创内容(图片来自网络)，要是遇到有不合适的地方欢迎赐教🙌