1. JavaScript简介
1.1JavaScript是运行在客户端的脚本语言。
1.2 JS的作用
1.3 JS的组成
（1）ECMAScript：JS语法
（2）DOM:页面文档对象模型（对元素进行操作）
（3）BOM：浏览器对象模型（对窗口进行操作）
1.4 JS 的书写位置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 2.内嵌式的JS -->
<script>
alert('c');
</script>
<!-- 3.外部JS script 双标签 -->
<script src="1.js"></script>
</head>
<body>
<!-- 1.行内式的JS -->
<input type="button" value="a" onclick="alert('b')">
</body>
</html>（1）行内式（JS中用单引号）
<input type="button" value="a" onclick="alert('b')">（2）内嵌式
<script>
alert('c');
</script>（3）外部JS文件(script标签中间不能写代码）
<script src="1.js"></script> 2. JS注释
（1）//单行注释????????ctrl + /
（2）/*多行注释
? ? ? ? 多行注释*/? ? ? ? shift + alt + a
3.JS输入输出语句
（1）alert(msg)? ? ? ? 浏览器弹出警示框
（2）console.log(msg)? ? ? ? 浏览器控制台打印输出信息
（3）prompt(info)? ? ? ? 浏览器弹出输入框，用户可以输入
4. 变量
4.1 使用
4.1.1 声明
<script>
var age; //声明一个叫age的变量
</script>4.1.2 应用
<script>
var age = prompt('请输入您的年龄：');
alert(age);
</script>4.2
4.2.1 一个变量被重复赋值，以最后一次赋的值为准
4.2.2 声明变量的特殊情况
（1）只声明不赋值? ? ? ? undefined
<script>
var sex;
console.log(sex); //undefined
</script>（2）不声明，不赋值? ? ? ? 会报错
<script>
console.log(tel); //报错
</script>（3）不声明，直接赋值使用? ? ? ? 可以使用，但不建议
<script>
aa = 10;
console.log(aa); //10
</script>4.3 变量命名规范
由字母，数字，下划线（_），美元符号（$）组成，不能以数字开头
5. 数据类型
5.1 介绍
JS的变量数据类型是根据等号右边的值来确定的，变量的数据类型是可以变化的。
5.2 数据类型的分类
5.2.1 简单数据类型（Number, String, Boolean, Undefined, Null）
5.2.1.1 数字型（Number）
（1）范围
<script>
alert(Number.MAX_VALUE); //1.7976931348623157e+308
alert(Number.MIN_VALUE); //5e-324
</script>（2）特殊值
（a）Infinity，无穷大，大于Number.MAX_VALUE
（b）-Infinity，无穷小，小于Number.MIN_VALUE
（c）NaN，代表一个非数值
? ? ? ? isNaN() 判断非数字，是数字返回false，不是则返回true
5.2.1.2 字符串型（String）
? ? ? ? 建议使用单引号，嵌套则外双内单，或外单内双? ? ? ??
?（1）字符串的长度
//获取字符串的长度
<script>
var str = 'hello world!';
alert(str.length); //12
</script>（2）字符串的拼接
? ? ? ? ?字符串 + 任何类型 = 新字符串
<script>
console.log(12 + 12); //24
console.log('12' + 12); //1212
</script>?5.2.1.3 布尔型（Boolean）
? ? ? ? true = 1， false = 0；
<script>
console.log(true + 1); //2
console.log(false + 1); //1
</script>5.2.1.4 undefined（未定义，变量声明但未赋值）
<script>
console.log(undefined + 'a'); //undefineda
console.log(undefined + 1); //NaN
</script>5.2.1.5 null（空值）
<script>
console.log(null + 'a'); //nulla
console.log(null + true); //1
</script> <script>
var time = null;
console.log(typeof time); //null 的类型为 object
</script>5.2.2 复杂数据类型（object）
?5.3 数据类型转换
（1）转换为字符串型
?（2）转化为数值型
?（1）parseInt()?
<script>
var age = prompt('请输入您的年龄：'); //prompt得到的值为字符串型
console.log(parseInt(age)); //将字符串转换为int型
console.log(parseInt('9.9')); //9，取整
console.log(parseInt('10kg')); //10，自动去掉数值之后的非数值部分
console.log(parseInt('rem10')); //NaN，非数值部分在数值之前
</script>