一、快速入门
1.JavaScript的两种引入方式
方式一：直接在html里面写
目的：实现简单的弹窗
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--script标签内，写JavaScript代码，可以放在head标签里，也可以放在body标签里-->
<script>
<!--弹窗，打开页面时弹出一个窗口，并显示有hello，world-->
alert('hello,world');
</script>
</head>
<body>
</body>
</html>
运行结果图
方式二：新建一个js文件，在HTML中连接该文件也可以实现，就像css一样和HTML分开
注意script标签必须是成对出现，
2.基本语法
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--Javascript严格区分大小写-->
<script>
//单行与多行注释与Java中注释的方式一样
/*1.定义变量 变量类型 变量名 = 变量值；*/
var score =100;//这里不写分号也没事
var name = "twq";//这里不写var也没事，就算不写变量名都可以，是不感觉可以随心所欲了
if(score>60 && score <70){
alert('小子，你很危险呀');
}else if(score > 70 && score < 80){
alert('革命尚未成功，同学 仍需努力呀！！');
}else{
alert('不要骄傲哦！');
}
</script>
</head>
<body>
</body>
</html>
调试方法参照下图：
3.数据类型
(1)number
js不区分小数和整数，Number
点击查看代码
123//整数123
123.1//浮点数123.1
1.123e3//科学计数法
-99//负数
NaN//not a number
Infinity//表示无限大
界面在浏览器上运行结果图
(2)字符串
和Java的一样
(3)布尔值
(4)逻辑运算
① && 两个都为真，结果为真
② | | 一个为真，结果为真
③ ！真即假，假即真
(5)比较运算符
① = 赋值
② == 等于(类型不一样，值一样，也会判断为true)
③ === 绝对等于（类型一样，值一样结果为true）
注意：这是Java的一个缺陷，坚决不要使用==比较
须知：
- NaN===NaN，这个与所有的数值都不相等，包括自己
- 只能通过isNaN(NaN)来判断这个数据是否是NaN
(6)浮点数
尽量避免使用浮点数进行运算，存在精度问题！
(7)数组
java的数值必须是相同类型的对象，JS中需不要这样！
如果数组下标越界会报undefined
(8)对象
对象是大括号，数组是中括号
每个属性之间用逗号隔开，最后一个属性之后不需要逗号
点击查看代码
<script>
console.log((1/3)===(1-2/3));
console.log(Math.abs(1/3-(1-2/3))<0.00000001);
//保证代码的可读性，尽量使用[]
var arr=[1,2,3,4,5,'hello',null,true];
new Array(1,12,3,4,5,'hello');
var person ={
name:"Twq",
age:23,
tags:['js','java','web','...']
}
</script>
运行结果图
4.严格检查模式
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
/*前提是IDEA需要设置支持ES6语法
*'use strict'严格检查模式，预防Javascript的随意性导致产生的一些问题如：
* ①定义变量不写变量类型在没有写严格检查时不会报错，但是加上这严格检查之后就会报错
* 必须要写在JS的第一行
* 局部变量建议都使用let去定义 */
'use strict';
/*let是块作用域，就会好比在for循环里用let定义了一个块变量
在循环的外部则无法使用该变量，var是函数作用域，在循环里面定义的
变量在循环外面也可以可以访问*/
let i = 1;
</script>
</head>
<body>
</body>
</html>
二、详解数据类型
1.字符串
(1)正常字符串，我们使用单引号或者双引号包裹
==明天继续。。。。==
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/273942.html