JS 基础

前言

今天分享的是最近在学习的内容，对我来说还是很费脑细胞的。废话少说，让我们步入今天的学习。

js基础

js引入方式

js的引入方式与css一样也是有三种方法
1.行内式

	<p onclick="alert('行内式')">开心每一天</p>

2.内嵌式

	<script>
		alert("内嵌式");
	</script>

3.外链式

	<script src="js/test.js"></script>

行内式通过点击事件 onclick 来引用，当然还有其他方法。比如：函数（常用）。
禁止外链和内嵌同时写，内嵌会被覆盖

js输出方式

代码：

//输出:数值不加双引号或反引号，字符串加双引号或反引号
	alert("弹框警告!");
	console.log("日志输出");
	console.info("信息输出");
	console.error("错误信息输出");
	console.warn("警告信息输出");
	document.write("文档输出");
	document.write("<h1 class='active'>111</h1>");
//js中的字符串换行都要通过 + 号拼接
	document.write(
	"<table border='1' cellspacing='0' cellpadding='0'>"+
	"<tr><th>Header</th></tr>"+
	"<tr><td>Data</td></tr>"+
	"</table>");
//反引号(tab键上边)可以不用   + 号拼接
	document.write(`<table border="1" cellspacing="0" cellpadding="0">
	<tr><th>Header</th></tr>
	<tr><td>Data</td></tr>
	</table>`)

效果：

变量的声明与赋值

代码：

//变量声明未赋值
	var a;
	console.log(a);  //undefined,未定义
//变量未声明，报错代码会阻塞后边代码的执行
// console.log(c);  //报错,c is not defined
//变量赋值
	a=1;
	console.log(a); //1
//变量声明并赋值,也叫变量的初始化
	var b=2;
	console.log(b);   //2
	b=6;    //把原来的2覆盖掉
	console.log(b);  //6
	b=8;    //把6覆盖了
	console.log(b);  //8
			
//变量输出不能加双引号
	var m=6,n=8; //同时声明了多个变量
	console.log(m,n);
	// var d;
	// var e=16
	var d,e=16;
	console.log(d); //undefined

控制台输出：

变量命名规则

1.由字母、数字、下划线、$组成；
2.不以数字开头、不能是关键字、不能是保留字

变量基本数据类型

变量基本数据类型:
number(数值类型)
string(字符串)
boolean(true真/false假)
null(空值)
undefined(未定义，变量声明未赋值)
变量引用数据类型:
Array(数组) function(函数) object(对象)

判断数据类型 typeof(值)

数据类型的转换

1、其他类型转换为字符串
加号拼接
String()
toString()
2、其他类型转换为数值
* / - 都可以但是 + 不行（一般用 *1，不会改变大小）
Number()
parseInt() 转换为整型，将小数位截掉，不是四舍五入
parseFloat() 转换为浮点型
3、其他类型转换为布尔
!!
Boolean()
代码：

//1、其他类型转换为字符串
		// 加号拼接
			var a=13;
			a=a+"";
			console.log(a);  //"13"
			console.log(typeof(a)); //string
		//String()
			console.log(String(16));  //16
			var b=String(16);
			console.log(typeof(b));  //string
			console.log(typeof(true+"")); //string
	//2、其他类型转换为数值
		var str="11.5";
		// *1
			console.log(str*1);
			console.log(typeof(str*1)); //number
			console.log(typeof("aaaa"*1)); //number
		//not a number,不是一个数值
			console.log("aaaa"*1);   //NAN，not a number
			console.log(true*1);    //1
			console.log(false*1);    //0
		//Number()
			console.log(typeof(Number("123"))); //number
			console.log(Number("123")); //123
			console.log(typeof(Number("false"))); //number
			console.log(Number("false")); //NaN
			console.log(Number(false)); //0
		//parseInt() 转换为整型，将小数位截掉，不是四舍侮辱
			console.log(parseInt(11.99999));   //11
			console.log(parseInt(true));   //NAN
			console.log(parseInt("aaaa"));   //NAN
			console.log(parseInt("123aaa"));   //123
			console.log(parseInt("1a2a3"));   //1
			console.log(parseInt("a123"));   //NaN
		//parseFloat() 转换为浮点型
			console.log(parseFloat("11.3333"));  //11.3333
			console.log(parseFloat("11.3333aaa"));  //11.3333
			console.log(parseFloat("11"));  //11
	//3、其他类型转换为布尔
		//!!
			console.log(!!1); //true
			console.log(!!8); //true
			console.log(!!0); //false
			console.log(!!-3); //true
			console.log(!!"aa"); //true
			console.log(!!""); //false
		//Boolean
			console.log(Boolean("aa")); //true

控制台输出：

总结

今天讲到这，js基础的一般，前期可能较为简单。到后面循环才是烧脑的地方（多多练习会好很多）。
拜拜，下期见！