1、什么是JavaScript
1.1、概述
JavaScript是一门世界上最流行的脚本语言
Java、JavaScript（10天开发出来）
一个合格的后端人员，必须要精通JavaScript
1.2、历史
ECMAScript它可以理解为是JavaScript的一个标准
最新版本已经到es6版本
但是大部分浏览器还只停留在支持es5代码上
开发环境---线上环境，版本不一致
关键字、变量、流程控制、对象、数组、结构
2、快速入门
2.1、引入JavaScript
1、内部标签
<script>
//...
</script>
2、外部引入
abc.js
//...
test.html
<script src="abc.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--script标签内，写JavaScript代码-->
<script>
alert('hello,world!')
</script>
<!--外部引入，注意script标签必须成对出现-->
<!--不用显示定义type，也默认就是JavaScript-->
<script src="js/first.js" type="text/javascript"></script>
</head>
<body>
<!--这里也可以放-->
</body>
</html>
2.2、基本语法入门
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<Script>
//1.定义变量 变量类型 变量名 = 变量值;
var score = 55;
alert(score);
//2.条件控制
if(score > 60 && score < 70){
alert("60~70")
}else if (score >70 && score < 80){
alert("70~80")
}else{
alert("other")
}
//JavaScript注释跟Java注释一样
//JavaScript单行注释
/*
*JavaScript多行注释
*/
//console.log(score) 在浏览器的控制台打印变量！相当于java中sout
</Script>
</head>
<body>
</body>
</html>
2.3、数据类型
数值，文本，图形，音频，视频...
变量
var variableName = "variableValue"
number
js不区分小数和整数，Number
123 //整数123
123.1 //浮点数123.1
1.123e3 //科学计数法
-11 //负数
NaN //not a number
Infinity //表示无限大
字符串
"abc" 'abc'
布尔值
true,false
逻辑运算符
&& 两个都为真，结果为真
|| 一个为真，结果为真
! 取反
比较运算符
= 赋值运算符
== 等于（类型不一样，值一样，也会判断为true）
=== 绝对等于(类型一样，值一样，结果为true)
这是JavaScript的缺陷，一定不要使用==进行比较
须知：
- NaN===NaN，这个与所有的数值都不相等，包括自己
- 只能通过isNaN(NaN)来判断这个数是否是NaN
浮点数问题：
console.log(1/3)===(1-(2/3))
尽量避免使用浮点数进行运算，存在精度问题！
Math.abs(1/3-(1-2/3)) < 0.0000001
null和undefined
- null 空
- undefined 未定义
数组
Java的数值必须是相同类型的对象，JS中不需要这样！
//保证代码的可读性，尽量使用[]
var arr = [1,2,3,4,5,'hello',"world",null,true]
new Array(1,2,3,4,5,'hello',"world",null,true)
控制台：console.log(arr[0])输出结果
取数组下标：如果越界了，就会undefined
对象
对象是大括号{}，数组是中括号[]
每个属性之间使用逗号,隔开，最后一个不需要添加
//Person person = new Person(1,2,3,4,5)
var person = {
name: "wangzhen",
age: 30,
tags:['js','java','web','...']
}
取对象的值
person.name
>wangzhen
person.age
>3
person.tags[2]
>web
JavaScript强检查模式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
//在JavaScript代码最上面添加一行强格式检查代码
//严格检查模式，预防JavaScript的随意性导致产生的一些问题
'use strict';
//var或前面没有var修饰默认是全局变量，存在隐患
var name = 1;
//ES6,使用let将变量定义为局部变量
let i = 2;
</script>
</head>
<body>
</body>
</html>